IE8“开发人员工具”(下)
浏览器模式
说白了,就是让用户选择当前页面用何种IE版本去渲染。
文本模式
说起“文本模式”这个名词,这又要回到渲染页面的3种模式了:诡异模式(Quirks mode,也有翻译为兼容模式、怪异模式的),标准模式(Standards mode),和几乎标准模式(Almost standards mode)。这是一个非常重要、但是很多人却比较模糊的概念。一两句话不太能说清楚,这样说吧——“页面的不同渲染模式,将直接影响页面的最终呈现效果”,也就是说,一个页面如果在这种模式下显示完美,但是在另外一种模式下可能就显示的一塌糊涂。而决定页面模式的是页面的!DOCTYPE属性。
乖乖,这玩意太绕人了,还是直接上例子吧。最经典的就是对盒装模型的解释差异了。下面两个图,是相同页面,采用不同页面渲染模式的最终显示效果。
利用IE8开发人员工具调试JavaScript脚本
重头戏来了。很多朋友梦寐以求的功能呀——JavaScript脚本调试。一直摆脱不掉FireFox,就是因为Firebug实在太好用。虽然利用VS这样航母级的软件也能进行JavaScript脚本的调试。但是,很多前台开发人员并不会为了一个JavaScript调试功能而去安装那种大家伙。所以对JavaScript的调试,IE的用户一直耿耿于怀。但是,现在终于可以平息了。因为IE8开发人员工具终于也有了小巧,却功能强大的JavaScript调试功能。
图上的说明已经很清楚了,下面就详细讲一下“控制台”、“断点”、“局部变量”、“监视”、“调用堆栈”这些视图吧。
控制台
在控制台会显示脚本调试中的一些信息,例如错误信息、警告信息一类的。
恩,其实也可以当成是一个微型JavaScript运行环境。你可以在这里直接键入脚本并运行。如果一行不够的话,可以切换到多行模式。输入完毕后,点击“运行脚本”,就可以看到运行结果了。
断点
是一个显示你设定的所有断点的列表。方便你统一管理:统一删除、统一使用或者统一禁用。
局部变量
可以详细的显示各个变量的所有方法、事件和属性。我最喜欢干的事情,就是一个个的看下去,看到不知道的就去查资料,绝对是个学习JavaScript的好方法。
监视
可以显示任意你需要的变量的方法、事件和属性。可以添加多个。整体来说和局部变量视图差不多,只是可以更灵活的显示你需要的而已。
调用堆栈
可以直观地显示函数调用堆栈情况,以及现在执行到哪个函数的情况。对于理顺脚本的运行顺序和嵌套很有帮助。
IE8开发人员工具的探查器
用过微软SQL数据库中的Profiler的朋友都知道,那个一个帮助SQL分析效率的工具。它会记录所有的执行以及他们的执行时间,从而提供一份报表。这样,就可以知道到底是什么在效率上拖l了后腿。
IE8 的探查器(Profiler),也引入了这个概念,只是它探测的是JavaScript脚本而已。
先点击【开始配置文件】按钮,然后运行脚本或者刷新页面。等脚本执行完了,或者页面刷新完毕后点击【停止配置文件】按钮,就会生成探查报告了。
它提供两种视图,一种是“函数”,另一种是“调用树”。无论何种视图,都可以清晰且忠实的展现出各个函数的执行所用时间。从而,方便你分析出“为啥我的页面那么慢呢?”
函数视图
函数视图可以方便的按照各个参数进行排序,从而方便的找出类似“谁用的时间最长”这样的答案。
调用树
调用树视图可以方便的看出各个函数之间的调用关系。
转载于:https://www.cnblogs.com/PBDragon/p/3784213.html
IE8“开发人员工具”(下)相关推荐
- IE8开发人员工具使用详解下(模式,JS调试,探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解)中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更强 ...
- IE8“开发人员工具”使用详解上(各级菜单详解)
http://www.cnblogs.com/JustinYoung/archive/2009/03/24/kaifarenyuangongju.html 你还没有安装IE8? 如果你是前端开发人员, ...
- IE8开发人员工具资料
IE8相对以前的版本还是"改邪归正"了很多,居然提供一个很好用的开发人员工具,着实要夸一夸的,作为使用者我们还是要认真看看这东西怎么用,以便能为己用,网上资料很多再次整理一些. I ...
- 利用IE8开发人员工具调试JavaScript脚本
很多朋友梦寐以求的功能呀--JavaScript脚本调试.一直摆脱不掉FireFox,就是因为Firebug实在太好用.虽然 利用VS这样航母级的软件也能进行JavaScript脚本的调试 .但是,很 ...
- IE8开发人员工具,让web开发的客户端调试畅通无阻
之前下载了ie8用了一下,没有太关注ie8的开发人员工具功能,稍稍试了一下,发现ie8的开发人员工具真是一个好东西.它可以大大提高客户端的开发调试的效率. 我从html元素,css,javascrip ...
- 实战 IE8 开发人员工具
今天整理我收藏的漫画的时候发现 风云3 少了两集(486.487),这对于收藏者来说基本是不可忍受的: 从风云一到三,应该一集也不能少的: 决定上网去找找,不过溜达一圈常去的分享论坛,由于时间太长了而 ...
- ie8开发人员工具无法使用,按f12任务栏里出现任务,但是窗体不弹出
楼主解决了么,刚出现你这样的问题,找了N久,终于解决了, 他娘的,偏方啊 任务栏不是出现那个箭头么,点击后没反应是吧 在缩略图上点右键-最大化,然后就出来了, ctrl+p反正是可以出来调试模式 神人 ...
- IE6,7,8开发人员工具使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解) 中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更 ...
- IE8 的开发人员工具 出不来了 怎么办?
IE8 的开发人员工具挺好用,就是有时候出问题, 主要症状是:点开该工具的时候,在工具栏有图标,但是点击没法展现出来, 原因:由于未知原因,开发人员工具的窗口大小被设置成0高度,而且位置被设置到了屏幕 ...
最新文章
- OpenYurt — Overview
- matlab对多项式求导,matlab中多项式求导
- python文本编辑器下载_海龟编辑器(Python编辑器)
- 万圣节后的早晨九数码游戏——双向广搜
- c/c++教程 - 2.1 程序的内存模型 内存四区 代码区 全局区 堆区 栈区 new操作符
- 支付宝辟谣交易 5 万受监控;App Store 宕机;谷歌抛弃 AI | 极客头条
- [NAACL19]无监督循环神经网络文法 (URNNG)
- Set和Map的区别 (@es6)
- 论文笔记_SLAM_VINS-Mono: A Robust and Versatile Monocular Visual-Inertial State Estimator
- 电商实训三:网店经营
- 给SLAM小车添加 手柄遥控 功能 罗技F710和PS4 手柄
- 2021一波精品网易云歌单,应该有你喜欢的
- 做互联网最重要的是希望! 【水木周平】
- c语言编程百分比,c – 计算百分比
- MacOS 开发 - isFlipped(坐标系)
- IT经济合同的工程量清单计价技巧
- vmalloc 虚拟实现
- 登录起凡是显示计算机拒绝无法连接,怎么解决win10系统无法连接打印机并显示未指定设备问题?...
- 电脑端微信双开、N开
- 5、谷歌地图官方API-可视化数据:地震图
热门文章
- html中依次展开的搜索框,jQuery+CSS3动画展开收缩搜索框特效
- Apprentissage du français partie 1
- python julian date_Python 的内嵌time模板翻译及说明
- 730阵列卡支持多大硬盘_华为1000多手机哪款好?推荐只此一款!华为品牌性价比最高千元机...
- linux修改密码最短生存时间,Linux基础命令---修改用户密码
- python百度翻译爬虫_Python爬虫教程-05-python爬虫实现百度翻译
- java从键盘上录入信息
- 2048java课程设计报告_软件工程——Java版2048游戏学习报告
- java从控制台读取数据_Java不同版本从控制台读取数据方法及优缺点分析
- c语言uint32_使C语言实现面向对象的三个要素,你掌握了吗?