如何使用JS禁用F12和浏览器的开发者模式(控制台)

后台管理框架,想禁用用户取查看开发者模式(控制台),请问有什么JS方法或者插件可以禁用呢?比较全面的禁用,适用于多个不同浏览器的禁用。
希望有经验的能指教一下

例如这个demo站:
http://demo.larrycms.com/back...

我觉得这个站真的比较全面的禁掉了开发者模式(控制台)

阅读 35.3k
11 个回答

事先把 devtools 调成弹出式窗口的然后关掉,然后把 javascript:console.log=function(){}; 加入书签,点一下他这个你所谓的“完全禁掉了”就破功了。他是利用 console.log 打印一个对象然后覆盖这个对象的 toString 方法,一旦开发者工具存在,toString 方法就会被调用。所以破功方式就是毁掉 console.log.

不让打开 devtools 以及不让右键查看源代码,这些都是徒劳的,我自己的电脑我在中间加个 http 代理你肯定管不着,http 代理要怎么看怎么看,把你页面上的禁用开发者工具的那段代码删掉都行。

我只知道 我一點進去 按個右鍵 就打開了...
說真的沒必要搞這種花招
要弄不如弄原碼加密

@will 他的方案不错,前端是无法禁用开发者工具的,知道开发者工具的人都是开发人员,这点能难道人家?当然你把页面改成flash人家就看不了源码了,但是要做到防范最好的办法是后台,而不是通过前端技术防范,试问有几家网站会去这么干,前端代码随便人家去欣赏呗,当然你有这样的需求也是没有错的

window.onkeydown = function(e) {
      if (e.keyCode === 123) {
        e.preventDefault()
      }
    }
    window.oncontextmenu = function(e) {e.preventDefault()}

打开控制台的方法有F12、Ctrl+Shift+I、右键-》检查,设置-》更多工具-》开发者工具,甚至更多。

禁是不可能禁的了的,至少通过设置进入的你的页面就禁止不了。

我见过禁止右键的,但是禁止从更多工具里进去,应该是不可能的

我看了你发的那个网址,也只能检测到开控制台立刻跳转到其他地址

https://www.zhihu.com/questio...

新手上路,请多包涵

为什么要禁掉呢

哪全面了,只是禁了也没右键、键盘的组合键。我依然通过菜单的工具进入开发者工具!所以完全是可能的

无解。你这个网站的开发者工具设置了一个定时器在不断的调用 console.clear(),把控制台的内容清空。但是并不能阻止我输入命令,所以我只要输入一句 console.clear = () => {}; 就看到它一直在输出 <img> 了,这已经不影响使用了。

我事先把控制台打开再访问demo链接,demo无需登录直接进去了..

新手上路,请多包涵

禁不了,尤其是出了Overrides的功能之后。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏