前端禁用f12,右鍵選單等

說明: 如果使用vue或者是react專案的話,將**寫在生命週期函式中,元件載入完畢的生命週期中,如果是使用的原生的就寫在script標籤中

禁用f12

document.

onkeydown
=function()
if(window.event && window.event.keycode ==13)
if(window.event && window.event.keycode ==8)
}

document.

oncontextmenu
=function
(event)
tryreturn
true;}
catch(e
)}

document.

onpaste
=function
(event)
tryreturn
true;}
catch(e
)}

document.

oncopy
=function
(event)
tryreturn
true;}
catch(e
)}

document.

oncut
=function
(event)
tryreturn
true;}
catch(e
)}

document.

onselectstart
=function
(event)
tryreturn
true;}
catch(e
)}

F12的簡單使用

chrome瀏覽器的開發者工具可通過f12快捷鍵開啟 1.調整開發者工具在頁面的顯示 2.檢查介面元素，裝置切換，網頁或終端 終端選擇 斷點檢視 3.可檢視不同手機的介面適配問題 4.如何打斷點 5.目標位置介面點選滑鼠右鍵，檢查，也可開啟開發者工具同時element元素，是選中目標元素。6.修改介...

js 禁用右鍵選單和禁止複製

大江東去，浪淘盡，千古風流人物。故壘西邊，人道是，三國周郎赤壁。亂石穿空，驚濤拍岸，捲起千堆雪。江山如畫，一時多少豪傑。遙想公瑾當年，小喬初嫁了，雄姿英發。羽扇綸巾，談笑間，檣櫓灰飛煙滅。故國神遊，多情應笑我，早生華髮。人生如夢，一尊還酹江月。來自奔跑的panda部落，panda每天與您一起進步 c...

細說網頁開發者工具F12 前端開發利器二

前言f12之console 就是位於elemnets右邊的，開啟後你會發現什麼都沒有 我們試著進入到友鏈頁面，發現console面板出現了一些警告。這是因為在https網域名稱下使用http的資源引起的警告。為了更好的示範，我們這裡新建乙個html檔案，如下 我們可以看出js的console.log...