CSS的一個常見應(yīng)用是美化網(wǎng)站的樣式,我們可以使用CSS實現(xiàn)許多驚人的效果。其中一項對于保護文字內(nèi)容非常有用的功能是防止復制。使用CSS實現(xiàn)防止復制功能可以避免別人盜用你的網(wǎng)站內(nèi)容,進而對你帶來經(jīng)濟損失。
如何實現(xiàn)不能復制呢?原理很簡單,只需要讓文字不能被選中即可。這里我們用CSS的user-select屬性來實現(xiàn)該功能。設(shè)置user-select為none即可,代碼如下:
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
以上代碼含義是:禁止在Chrome、Firefox、IE和其他瀏覽器上選擇任何文本。即用戶無法用鼠標或鍵盤選擇或復制文本。
需要注意的是,這種方法只是一種非常簡單的措施,能夠防止一般用戶復制網(wǎng)站內(nèi)的文本內(nèi)容。但對于高級用戶來說,禁止文本選擇是很容易繞過的。例如,在Firefox的Dev Tools中,可以很輕易地把user-select更改為auto,從而使網(wǎng)站內(nèi)的內(nèi)容重新變?yōu)榭梢员粡椭频臓顟B(tài)。因此,如果你需要真正保護你的網(wǎng)站內(nèi)容,需要更加嚴格的安全措施。