很多網站為了保護自己網站內容都會將該網站的右鍵、選取等功能鎖住,此篇文章主要是介紹用Chrome Dev的Inspector透過修改網頁原始碼將限制移除,其他方法就不再多述。
Chrome Inspector
相信擅長網路開發或是略有而聞的讀者一定都知道FireBug這套出自於Firefox的Plugin(chrome也有,不過是Lite版),便是可以透過修改網頁原始碼即時在網頁上看到變化,而Inspector也可以說是chrome原生的FireBug,對於網頁開發員來說可說是必備工具!!
如何破解
開啟Inspector的方式有兩種,一種是透過右鍵->Inspect Element(如果鎖右鍵就沒用啦),另一種則是在功能表列上View -> Developer -> Developer Tools。
出現Inspector後就是找尋鎖功能的程式碼啦,絕大部分都會放在body這個Attribute中(從最上面開始找起)。舉此網站來說,在body中他擺了三個javascript的event handler來做右鍵、拖曳、選取的鎖定。
<body id="article-main" class=" ondragstart="return false" oncontextmenu="return false" onselectstart="return false">
ondragstart:觸發網頁上元件(ex:圖片、按鈕等)的拖曳事件
oncontextmenu:網頁右鍵的menu
onselectstart:選取網頁(ex:文字、圖片等)的事件
此處,ondragstart跟onselectstart中的start是指說在選取或拖曳前,return false代表不做任何事情,如此一來便能鎖住這些功能。