利用IE8开发人员工具调试JavaScript脚本
很多朋友梦寐以求的功能呀——JavaScript脚本调试。一直摆脱不掉FireFox,就是因为Firebug实在太好用。虽然 利用VS这样航母级的软件也能进行JavaScript脚本的调试 。但是,很多前台开发人员并不会为了一个JavaScript调试功能而去安装那种大家伙。所以对JavaScript的调试,IE的用户一直耿耿于怀。但是,现在终于可以平息了。因为IE8开发人员工具终于也有了小巧,却功能强大的JavaScript调试功能。
<script type="text/javascript">
function test(){
test2();
}
function test2(){
var _obj=document.getElementById("divTest");
var str=_obj.id;
alert(str);
}
</script>
控制台
在控制台会显示脚本调试中的一些信息,例如错误信息、警告信息一类的。
恩,其实也可以当成是一个微型JavaScript运行环境。你可以在这里直接键入脚本并运行。如果一行不够的话,可以切换到多行模式。输入完毕后,点击“运行脚本”,就可以看到运行结果了。
断点
是一个显示你设定的所有断点的列表。方便你统一管理:统一删除、统一使用或者统一禁用。
局部变量
我非常喜欢的视图之一。可以详细的显示各个变量的所有方法、事件和属性。我最喜欢干的事情,就是一个个的看下去,看到不知道的就去查资料,绝对是个学习JavaScript的好方法。例如,下面途中这就发现了一些IE8特有的方法。
监视
我非常喜欢的视图之一。可以显示任意你需要的变量的方法、事件和属性。可以添加多个。整体来说和局部变量视图差不多,只是可以更灵活的显示你需要的而已。
调用堆栈
可以直观地显示函数调用堆栈情况,以及现在执行到那个函数情况。对于理顺脚本的运行顺序和嵌套很有帮助。
IE8开发人员工具的探查器
IE8 的探查器(Profiler),探测的是JavaScript脚本。
先点击【开始配置文件】按钮,然后运行脚本或者刷新页面。等脚本执行完了,或者页面刷新完毕后点击【停止配置文件】按钮,就会生成探查报告了。
它提供两种视图,一种是“函数”,另一种是“调用树”。无论何种视图,都可以清晰且忠实的展现出各个函数的执行所用时间。从而,方便你分析出“为啥我的页面那么慢呢?”
函数视图
函数视图可以方便的按照各个参数进行排序,从而方便的找出类似“谁用的时间最长”这样的答案。
调用树
调用树视图可以方便的看出各个函数之间的调用关系。
转载于:https://www.cnblogs.com/fdszlzl/archive/2009/06/01/1493972.html
利用IE8开发人员工具调试JavaScript脚本相关推荐
- IE调试网页之五:使用 F12 开发人员工具调试 JavaScript 错误 (Windows)
使用 F12 开发人员工具,Web 开发人员能够在无需离开浏览器的情况下快速调试 JavaScript 代码. 通过内置到每个 Windows Internet Explorer 9 安装中,F12 ...
- IE8开发人员工具使用详解下(模式,JS调试,探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解)中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更强 ...
- IE8“开发人员工具”(下)
浏览器模式 说白了,就是让用户选择当前页面用何种IE版本去渲染. 文本模式 说起"文本模式"这个名词,这又要回到渲染页面的3种模式了:诡异模式(Quirks mode,也有翻译为兼 ...
- 测试人员如何使用浏览器的f12_如何使用 F12 开发人员工具调试网页
本帖最后由 qin明月 于 2013-4-16 16:02 编辑 使用 F12 开发人员工具调试 JavaScript 错误 使用 F12 开发人员工具,Web 开发人员能够在无需离开浏览器的情况下快 ...
- IE8开发人员工具,让web开发的客户端调试畅通无阻
之前下载了ie8用了一下,没有太关注ie8的开发人员工具功能,稍稍试了一下,发现ie8的开发人员工具真是一个好东西.它可以大大提高客户端的开发调试的效率. 我从html元素,css,javascrip ...
- IE8“开发人员工具”使用详解上(各级菜单详解)
http://www.cnblogs.com/JustinYoung/archive/2009/03/24/kaifarenyuangongju.html 你还没有安装IE8? 如果你是前端开发人员, ...
- F12 开发人员工具调试 HTML 和 CSS
IE调试网页之六:使用 F12 开发人员工具调试 HTML 和 CSS (Windows) F12 开发人员工具可帮助你查找和修复 HTML 和级联样式表 (CSS) 代码中的错误.如果不使用这些工具 ...
- IE8开发人员工具资料
IE8相对以前的版本还是"改邪归正"了很多,居然提供一个很好用的开发人员工具,着实要夸一夸的,作为使用者我们还是要认真看看这东西怎么用,以便能为己用,网上资料很多再次整理一些. I ...
- 实战 IE8 开发人员工具
今天整理我收藏的漫画的时候发现 风云3 少了两集(486.487),这对于收藏者来说基本是不可忍受的: 从风云一到三,应该一集也不能少的: 决定上网去找找,不过溜达一圈常去的分享论坛,由于时间太长了而 ...
最新文章
- linux下查看网卡型号
- 为什么会出现网络流量管理?
- SQL Server 2008数据库,显示正在恢复,想把它删了结果删除不了
- boost::hana::scan_left用法的测试程序
- Spring Boot + Mybatis 实现动态数据源
- oh-my-zsh 国内网络快速安装方法 | How to install oh-my-zsh in China
- MOCTF-Web-一道水题
- 20220104:力扣第274场周赛(下)
- 温州动车事故中受伤的“我”,还好吗?
- 餐巾(cogs 461)
- 比较 Cache 和虚拟存储器,说明它们的相似点和不同。
- Cache【硬盘缓存工具类(包含内存缓存LruCache和磁盘缓存DiskLruCache)】
- javascript写字技巧_关于 js的一些书写习惯 实用风格 小技巧
- atitit.客户端连接oracle数据库的方式总结
- Java常用设计模式
- React.js小书
- antd select show-search搜索时 拼音首字母匹配汉字模糊查询
- 图像导入裁剪与灰度化
- [Linux驱动炼成记] 04-功放TAS5754
- 可悲、可叹、可怜的TD-sdma
热门文章
- 日常生活 -- 开博一周年
- 美团Android资源混淆保护实践
- volte信令流程详解_VOLTE高清语音通话,呼叫时延低于3秒是如何做到的?
- 51Nod 斜率最大
- JZOJ 3885. 【长郡NOIP2014模拟10.22】搞笑的代码
- JZOJ 4910. 【NOIP2017模拟12.3】子串
- 博弈论66个经典例子_「百大管理学定律」博弈论Game Theory
- ECCV 2020《TRRNet: Tiered Relation Reasoning for Compositional Visual Question Answering》论文笔记
- JZOJ__Day 1【NOIP普及模拟】MATRIX
- 骑士旅行pascal解题程序