1. 程式人生 > >前端頁面通過js禁止開啟除錯模式的方法

前端頁面通過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>