如何使用js判断用户是否打开了开发者工具

由于浏览器的安全限制，JavaScript无法直接检测用户是否打开了开发者工具。但是，可以通过以下方法来检测：

1.检测控制台输出

当打开开发者工具时，浏览器会在控制台中输出一些信息。可以通过检测控制台输出来判断用户是否打开了开发者工具。代码如下：

console.log('%c', 'font-size: 1px; padding: 125px 175px; background-image: url(https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png); background-size: contain; background-repeat: no-repeat;');
if(console.clear) console.clear();

这段代码会在控制台输出一个谷歌的Logo，如果控制台输出了这个Logo，则可以判断用户打开了开发者工具。

2.检测窗口大小

打开开发者工具会改变浏览器窗口的大小，可以通过检测窗口大小来判断用户是否打开了开发者工具。代码如下：

var widthThreshold = window.outerWidth - window.innerWidth > 200;
var heightThreshold = window.outerHeight - window.innerHeight > 200;
if (heightThreshold || widthThreshold) {
  console.log('用户打开了开发者工具！');
}

这段代码会检测窗口大小，如果窗口大小与内部窗口大小的差值大于200，则可以判断用户打开了开发者工具。

需要注意的是，以上方法都不是百分之百可靠，因为用户可以通过禁用JavaScript或其他方式绕过检测。