前端頁面通過js禁止開啟除錯模式的方法
<script> //這段js要放在頁面最下方 var h = window.innerHeight,w=window.innerWidth; //禁用右鍵 (防止右鍵檢視原始碼) window.oncontextmenu=function(){return false;} //在本網頁的任何鍵盤敲擊事件都是無效操作 (防止F12和shift+ctrl+i調起開發者工具) window.onkeydown = window.onkeyup = window.onkeypress = function () { window.event.returnValue = false; return false; } //如果使用者在工具欄調起開發者工具,那麼判斷瀏覽器的可視高度和可視寬度是否有改變,如有改變則關閉本頁面 window.onresize = function () { if (h != window.innerHeight||w!=window.innerWidth){ window.close(); window.location = "about:blank"; } } /*好吧,你的開發者工具是單獨的視窗顯示,不會改變原來網頁的高度和寬度, 但是你只要修改頁面元素我就重新載入一次資料,讓你無法修改頁面元素(不支援IE9以下瀏覽器)*/ if(window.addEventListener){ window.addEventListener("DOMCharacterDataModified", function(){window.location.reload();}, true); window.addEventListener("DOMAttributeNameChanged", function(){window.location.reload();}, true); window.addEventListener("DOMCharacterDataModified", function(){window.location.reload();}, true); window.addEventListener("DOMElementNameChanged", function(){window.location.reload();}, true); window.addEventListener("DOMNodeInserted", function(){window.location.reload();}, true); window.addEventListener("DOMNodeInsertedIntoDocument", function(){window.location.reload();}, true); window.addEventListener("DOMNodeRemoved", function(){window.location.reload();}, true); window.addEventListener("DOMNodeRemovedFromDocument", function(){window.location.reload();}, true); window.addEventListener("DOMSubtreeModified", function(){window.location.reload();}, true); } </script>