js检测开发者工具Devtools是否打开防调试

JavaScript检测是否开启了控制台(调试工具)

测试后在chrome有效

不少人防止别人趴源码,一般采用检测按键F12之类的,但是这些基本没什么用

现在介绍一个方法,非常管用,可以检测到你是否开启了控制台程序,可以算是JavaScript的一些奇淫巧技

将这段代码加入你的网站即可,原理不明 = -

(function () {
var re = /x/;
var i = 0;
console.log(re);
 
re.toString = function () {
alert("请关闭控制台");
return '第 ' + (++i) + ' 次打开控制台';
};
})();

上面主要是讲如何通过js来检测开发者工具是否打开,防止别人恶意调试我们的代码,那段代码也是查了蛮多资料整理出来的,当时可以兼容chrome,firefox,ie,但是随着浏览器版本的更新,已经基本上没有作用了,最近我发现还是有蛮多人去浏览那篇文章,所以这里再放出一段代码,算是个升级版吧,之前的版本里在firefox上还有有限制的,下面提供的这个版本我测试过通杀现在的chrome 69,firefox,IE,也不存在之前firefox上存在的问题了,下面直接贴出代码:

setInterval(function() {
    check()
}, 4000);
var check = function() {
    function doCheck(a) {
        if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
            (function() {}
            ["constructor"]("debugger")())
        } else {
            (function() {}
            ["constructor"]("debugger")())
        }
        doCheck(++a)
    }
    try {
        doCheck(0)
    } catch (err) {}
};
check();

Vue.js 开发者工具 DevTools 是一款用于调试和优化 Vue 应用程序的强大工具。它允许您查看并操作组件、状态、以及应用的数据流。为了下载 Vue DevTools 并将其集成到您的浏览器中,您可以按照以下步骤操作: ### 1. 下载 DevTools 首先,访问官方 Vue.js DevTools GitHub 页面的最新版本页面 (https://github.com/vuejs/vue-devtools) 或直接通过 npm 来安装。 **使用 npm 安装 DevTools** 在命令行界面输入以下命令: ```bash npm install -g @vue/cli ``` 然后,使用 `@vue/cli-plugin-electron-sandbox` 插件创建一个新的项目,并安装 DevTools 扩展: ```bash vue create your-project-name cd your-project-name vue add devtools ``` 之后,DevTools 将会自动下载并配置好。 ### 2. 集成 DevTools 到浏览器 #### 使用 Chrome 浏览器 对于 Chrome 用户,只需将 DevTools 扩展拖放到浏览器的扩展管理界面即可自动完成安装过程。 打开 Chrome 浏览器,点击右上角的三个点图标,选择“更多工具” > “扩展程序”,找到下载好的 DevTools 扩展并添加。 #### 使用 Firefox 浏览器 对于 Firefox 用户,在下载完 DevTools 后,同样地,需要将它拖放到浏览器的扩展程序管理界面进行安装。 打开 Firefox 浏览器,点击右上角的三点图标,选择“附加组件”,找到下载好的 DevTools 扩展并添加。 ### 相关问题: 1. 是否有适用于其他浏览器的 Vue DevTools? 2. 如何在开发过程中有效利用 Vue DevTools 进行调试? 3. Vue DevTools 可以提供哪些具体的调试信息和功能?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值