chrome下使用JS检测浏览器是否使用开发者工具

在浏览网页的时候无意中看到一个检测浏览器是否使用开发者工具方法,特此记录

代码示例:

1 (function(){
2     var re=/x/;
3     var i=0;
4     console.log(re);
5
6     re.toString=function(){
7         return ‘第‘+(++i)+‘次打开控制台‘
8     }
9 })();

原理如下:

控制台输出的内容如果是对象(包括正则表达是对象),则保留的是对象的引用,输出的

会是对象的实时值,即对象内容被改变时,能够反映其变化(前提是重新开启控制台时),

实际上是没错关闭再开启控制台的时候,重新调用对象的toString()方法。

这里改写了re对象的toString方法,并用闭包保存计数器i,每次重新打开控制台toString

方法就会自动调用,并把计数器加1。

时间: 2024-10-29 19:05:32

chrome下使用JS检测浏览器是否使用开发者工具的相关文章

JavaScript------>调试JavaScript代码------>使用 浏览器 中的 “开发者工具” 来调试

1.如何打开浏览器中的"开发者工具" *360安全浏览器 *方法一,打开想要调试的网页如index.html,浏览器右上角---工具----开发人员工具 *方法二,直接按快捷键F12即可打开浏览器中的开发者工具 2.使用浏览器中的"开发者工具" 2.1使用开发人员工具中的console面板 console面板概述: 该面板内可以输入JavaScript代码 按回车后,直接执行JavaScript代码 1)console.log(<变量>);//回车后显示

navigator,JS检测浏览器插件

最早由Netscape Navigator 2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准.虽然其它浏览器也通过其它方式提供了相同或相似的信息(例如,IE中的window.clientInformation和Opera中的window.opera),但navigator对象却是所有支持JavaScript的浏览器所共有的.与其它BOM对象的情况一样,每个浏览器中的navigator对象也都有一套自己的属性.下表列出了存在于所有浏览器中的属性和方法,以及支持它们的浏览器

js检测浏览器中是否安装了flash播放插件

这两天工作中需要在网页中嵌入flash小游戏,我使用的是swfobject.js version:1.5.其他方面都很好,唯独版本检测这里一直没有搞通,后来实在无奈之下,改用js来检测浏览器的flash插件情况,代码如下: <script> function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new Activ

JS检测浏览器Adobe Reader插件

Web应用中当我们希望向用户显示pdf文档时候,如果用户安装了Adobe Reader之类的pdf阅读器,就可以直接打开文档在浏览器中显示, 但是,当用户没有安装这类软件的时候,自然是打不开的,为了系统或者网站的易用性,最好在展示文档之前对客户端进行检测,如果已经安装 这类阅读器就直接显示,如果没有安装则跳转到Adobe Reader之类的阅读软件的下载页面或者直接给用户下载地址,提示用户进行下载安装. 我们可以通过JavaScript先进行检测,然后根据检测结果进行指定的跳转.如果是像火狐.谷

JS检测浏览器版本信息(包含IE11),并动态添加样式

<head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="Scripts/jquery-1.9.1.min.js"></script> <link href="

JS 检测浏览器中是否安装了特定的插件

1.检测非IE浏览器 可以使用plugins数组来达到这个目的,例: 1 //检测插件(在IE中无效) 2 function hasPlugin(name){ 3 name = name.toLowerCase(); 4 for(var i=0;i<navigator.plugins.length;i++) 5 { 6 if(navigator.plugins[i].name.toLowerCase().indexOf(name)>-1) 7 { 8 return true; 9 } 10 }

JS检测浏览器是否支持HTML5视频播放 (标签&lt;video&gt;) ,

function checkVideo() { if (!!document.createElement('video').canPlayType) { var vidTest = document.createElement("video"); oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); if (!oggTest) { h264Test = vidTest.canPlay

关于通过JS识别浏览器类型的方法

JS检测浏览器类型的方法   网络上一般采用navigator.userAgent判断浏览器标识的办法,但是有个麻烦的问题是IE11不断升级之后,IE11的userAgent变成: "Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; r

利用 Chrome 开发者工具远程调试 Android 中的原生 WebView

之前写过一篇关于 Android Studio 断点调试技巧 的文章,但都是针对 Native 代码的调试,对于 Hybrid 开发模式下的 WebView 却无从下手.幸运的是,PC 中的 Chrome 浏览器提供的开发者工具能够帮助我们远程调试 Android 中的 WebView 加载的网页. Android 4.4 (KitKat) 开始,使用 Chrome 开发者工具可以帮助我们在原生 Android 应用中远程调试 WebView 网页内容.一起来看看怎么操作吧. 第一步,设置 We