js 能不能检测到用户打开了浏览器的调试面板正在抓包？

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2145 days ago, the information mentioned may be changed or developed.

想屏蔽掉打开了浏览器调试面板的用户，js 除了监听“F12”、“Ctrl+Shift+I”的按键之外，还有哪些方法，求 V 友集思广益

调试

浏览器

F12

ctrl

30 replies

ruanimal

Dec 31, 2020

开了浏览器调试面板的用户（大部分） = V2EX 用户
楼主来这里问，感觉有点意思

des

Dec 31, 2020

搜索一下，请： https://cn.bing.com/search?q=devtools+open+Detection

maocat

Dec 31, 2020

好的，我马上用 fiddler 抓包

ciqulover

Dec 31, 2020 via iPhone

最简单兼容性管广泛的办法是使用监听一个一个对象的 getter 事件然后 console.log 打印，控制台打开的时候会触发事件，在事件监听里直接 window.location.href 跳跑，正常情况没办法避开。

tangchi695

Dec 31, 2020

只能对付只会用调试面板的人。

otakustay

Dec 31, 2020

当你想和用 devtool 的人对着干，你就是在和一个技术人员对着来了，考虑到对方大概率的专业性，基本上你输定了

ethusdt

Dec 31, 2020

通过菜单栏点击进入 devtools 也能被监听到吗

opengps

Dec 31, 2020 via Android

没啥用，毕竟浏览器本身就是要解析看代码的

billtsui

Dec 31, 2020

拿好不谢，https://github.com/sindresorhus/devtools-detect

楼主是不是想做反爬啊

ciqulover

Dec 31, 2020

```
var element = new Image()
Object.defineProperty(element, 'id', {
get: function() {
window.location.href = 'https://google.com'
},
})
console.log(element)
```
直接上代码了，一步到位的办法。
V 友门倒是可以想一想是否有办法绕过这段代码调试 hhh 。

VDimos

Dec 31, 2020 via Android

加个 debugger，打开了控制台会暂停，然后计时，长时间没执行就是打开了控制台

misdake

Dec 31, 2020

抓包又何必在控制台

glaucus

Dec 31, 2020

@des #2 试了一下，这个是监听的页面大小变化实现的，用弹出窗口打开就监听不到了

ccyu220

Dec 31, 2020

@ciqulover 你这段代码哪里需要绕...

libook

Dec 31, 2020

不开浏览器的开发者工具也可以抓包。

屏蔽了快捷键也可以拿鼠标在菜单里打开开发者工具。
可以在空白页先开开发者工具再加载 URL 。

如果想解决防抓包的问题可以考虑在 HTTPS 基础上再加一层加密通信，让抓到的包无法解读内容，当然因为客户端上横竖都会有加解密算法，所以也是可以破解的，只不过代码压缩混淆后可能破解难度会比较高。

总之，这个像是个 XY Problem 。

linksNoFound

Dec 31, 2020

不要嘲笑楼主,微信就做到了

ss098

Dec 31, 2020 via iPhone

我遇到最多的是无限 debugger，但很简单就能禁用。

还有打开控制台疯狂 alert 的。

aogu555

Dec 31, 2020

印象里国家知识产权局的反爬做的很厉害，一进控制台直接跳到加密代码去了

bgm004

Dec 31, 2020 via Android

你写的什么?值得我打开 f12 看吗

test005

Dec 31, 2020

@ciqulover 火狐可破

love

Dec 31, 2020 via Android

这个我也碰到过，打开控制台浏览器直接卡死，可能是分配了大量内存什么的

test005

Dec 31, 2020

我是这么做的

```
switch ( ua ) {
case 'firefox': {
var _reg = /x/
_reg.toString = kill
console.log(_reg)
break
}
case 'chrome': {
var _div = document.createElement('div')
Object.defineProperty(_div, 'id', {get: kill})
console.log(_div)
break
}
}
console.clear()
```