js中调试器代码没变

JavaScript025

js中调试器代码没变,第1张

,调试器代码没有变化。调试器的工作原理是,它会在JavaScript的运行过程中添加断点以及监听函数来显示代码的运行情况,并可以通过控制台来查看JavaScript脚本的值和对象,从而让代码的调试过程变的更加容易。

1)首先来看一下目前IE11存在的一些js兼容问题。

2)其次来确认一下自己的笔记本的系统信息

1)登入的系统(为了信息安全,图片进行了简单处理)

2)在IE11默认的打开的方式下,鼠标单击任何按钮都是没有效果的,单击日志查询后再单击设备管理,可以看到页面是没有响应事件的。此时需要激活IE11下的兼容模式来浏览本页面。

进入IE11的兼容模式

1)在IE11页面内按F12 打开全新的开发者工具,。

2)在左侧找到 仿真功能,里面设置 文档模式与 用户字符串 都改为IE7的模式,这样就进入了浏览器的兼容模式,此时再回到刚才的页面 点击 日志查询 按钮 可以看到下面已经响应了js事件。

现在找到需要调试的页面中js脚本

1)打开需要进行调试的页面,在开发者工具中的 DOM资源管理器中 使用 选择元素 按钮,选出的文档位置。

2)在DOM资源管理器中找到 的js脚本位置,因为是在DOM资源管理器中打开的,所以在这里只能看不能操作,打开的js也是用文本的方式呈现出来的。

通过上面一步,如果能够定位到的js代码就已经确定可以进行js的debug调试了。

1)打开开发者工具中的调试程序功能,。

2)点击左上角的文件夹图标,找到的js代码

到这里为止,的IE11浏览器就能帮调试js代码啦。

还有另一种方式来调试js脚本

就是借助非IE的但是用IE内核做成的浏览器,比如360急速浏览器。

在兼容模式下,F12进入开发者工具,就会见到熟悉的画面了。

用firedebug插件来调试JS需要掌握以下快捷键:

直接按Ctrl+Shift+K 三键组合直接打开Firebug.这里的调试网页主要以修改百度的首页。

第一:调试网络情况

打开百度首页。同时打开 firebug。(Ctrl+shift+K)可以右键点击网络标签查看网页源代码。

第二:调试器

调试器可以查看网页请求的js脚本以及脚本的定义,以及脚本的变量的实时值。如图: