來源:http://t7yang.blogspot.tw/2015/01/how-to-make-text-selectable.html
有些網站會「假厲害」——故意讓讀者不能夠反白選擇他們網站的文字,自以為這樣可以
防止文章被隨意複製。但是這樣只能防君子,防不了有心之人,而且還讓讀者的體驗變得
很糟,本文就是要教讀者破解這種腦殘防範的方法。
試想想,你看到一篇有趣的文章,文中有幾個詞彙是你感興趣或不熟悉的,你希望可以很
快速反白後進行搜尋,結果發現網站不給你選取文字,這樣體驗有多糟各位可以自己想像
。
以下以 Firefox 瀏覽器為教學範例,其他瀏覽器的讀者請自行摸索。
1.安裝 Stylish 套件。
2.開啟延伸套件的頁面,切換到 User Styles 分頁。
3.建立一個新的 Style,並取一個你喜歡的名稱。
4.把下列的程式碼貼上並儲存後關閉就可以了。
@charset "UTF-8";
@namespace url(http://www.w3.org/1999/xhtml);
* {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
這個方法可以解決絕大部分使用 CSS 禁止讀者選取文字的網站,如果網站使用 Script 即
時 inline 寫入時則可能會無法生效。不過也別擔心,道高一尺魔高一丈,Script 也會有
Script 的解法。
一些註記:
‧預設只開放選取文字,如果你希望可以選取所有項目,可以把參數調整為 all。
‧此方法是為了改善瀏覽網站時的體驗,希望讀者不要用於不正當的盜文行為。