當前位置:編程學習大全網 - 源碼下載 - html如何判斷用戶是否通過了開發者工具(F12)修改了網頁內容

html如何判斷用戶是否通過了開發者工具(F12)修改了網頁內容

判斷是否篡改不容易,但妳可以禁止開啟控制臺,不準按f12,或者右鍵打開審查元素。

<script?type='text/javascript'>?

//這段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);?

}?

//壓縮後的代碼?

//var?h=window.innerHeight,w=window.innerWidth;window.oncontextmenu=function(){return!1},window.onkeydown=window.onkeyup=window.onkeypress=function(){return?window.event.returnValue=!1,!1},window.onresize=function(){(h!=window.innerHeight||w!=window.innerWidth)&&(window.close(),window.location="about:blank")},window.addEventListener&&(window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMAttributeNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMElementNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInserted",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInsertedIntoDocument",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemoved",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemovedFromDocument",function(){window.location.reload()},!0),window.addEventListener("DOMSubtreeModified",function(){window.location.reload()},!0))?

</script>

  • 上一篇:網站結構詳細資料大全
  • 下一篇:c++編程要用到哪些英語詞組
  • copyright 2024編程學習大全網