文档介绍:IE8“开发人员工具”使用详解
<上篇>
IE8正式版已经发布了。本篇文章不会非常扯蛋地去进行什么评测,然后给出什么“Chrome运营JavaScript能力是IE8的15倍”、什么“”示其链接地址。
【链接报告】
使用链接报告功能,开发人员工具会帮你生成一份此页面的链接报表。涉及链接数量、链接地址、与否新窗口打开等信息。但是,具体这玩意有什么用。我也不懂得。
【选项卡索引】
高亮显示出所有涉及tabindex属性的元素。tabindex属性的设立,可以变化网页元素获得焦点的顺序。
【访问键】
高亮显示所有涉及“accesskey属性”的元素。设立accesskey属性,可以设定元素获得焦点的快捷键。
【源文献】之“带有样式的元素源”
生成一份涉及选中元素样式、HTML代码,网页级别信息的源文献。
必须先选中一种元素,此命令才有效。并且生成的源文献也只与选中元素有关。
【源文献】之“DOM(元素)”
快捷键是Ctrl+T。生成一份源文献。此源文献只涉及选中元素的DOM构造信息。用过FireBug的朋友,可以联想到“拷贝元素HTML代码”这个命令。其实这个和那个差不多。只是这个是生成到一种窗口,而FireBug直接复制到剪贴板而已。
【源文献】之“DOM(页面)”
快捷键Ctrl+G。生成一份源文献。此源文献涉及整个页面的DOM信息构造。非常操蛋的功能,不懂得是不是由于bug的因素,此功能其实就是“查看网页源码”。由于,生成的源码并不仅仅是DOM信息,也涉及CSS和脚本信息等。
【源文献】之“原始状态”
极其操蛋的功能,其实就是“查看网页源码”。人们应当都比较喜欢用鼠标右键直接在网页上点吧。
【轮廓】菜单
【轮廓】菜单,很明显就是把满足条件的元素勾画出来显示的命令。
【表单元格】
就是把form表的各个单元格用桔色线框出来。让你懂得——哦。本来这里就是表的单元格呀。
【表】
就是把form表单用桔色线框出来。让你懂得——哦。本来这里就是form表单呀。
【DIV元素】
就是把页面中的所有div元素用绿色线框出来。让你懂得——哦。本来这些都是div元素呀。
【图像】
就是把页面中的所有img元素用紫色线框出来。让你懂得——哦。本来这些都是img元素呀。
【任何元素】
这个比较强劲了。你可以自定义任何标签和她们要用什么颜色的线框出来。点击这个菜单,会弹出下面的对话框。很简朴。不再做阐明了。
【定位元素】之“相对”
会用绿色线框出来,所有具有position:relative样式的元素。
【定位元素】之“绝对”
会用黑色线框出来,所有具有position:absolute样式的元素。
【定位元素】之“固定”
会用蓝色线框出来,所有具有position:static样式的元素。
【定位元素】之“浮动”
会用黄色线框出来,所有具有float样式的元素。
【清除轮廓】
当你的页面已经被多种颜色的线搞的像Excel表格同样的时候,你可以可以使用这个命令来清除所有的线了。
【图像】菜单
很明显,这个命令就是控制页面上多种图片的。
【禁用图像】
为了不侮辱你的智商,这个就不说了。唯一一点需要阐明的是——不仅仅是img元素,并且连元素的背景图片都会被禁用哦。
【显示图像尺寸】
很不错的功能。可以不用查看图片属性就迅速的懂得各个图片的尺寸大小,固然,单位是像素。
【显示图像文献大小】
很不错的功能。可以不用查看图片属性就迅速的懂得各个图片的文献大小,固然,单位是字节。
【显示图像途径】
很不错的功能。可以不用查看图片属性就迅速的懂得各个图片的URL途径,并且还可以复制。
【显示Alt文本】
可以显示出img元素的alt属性的文本。顺便说一下:图片的alt千万不要进行核心字的堆砌,否则很容易被认定为SEO过渡优化。
【查看图像报告】
生成一份具体的改页面的图像报表。涉及每个图片的非常详尽的信息。
【缓存】菜单
IE8开发人员工具【缓存】菜单
管理缓存和Cookie的菜单组。对于开发人员来说这个将会是非常令人欢喜的功能。
【始终从服务器中刷新】
仿佛很高深的命令同样。其实换句话说就是:“严禁使用浏览器缓存”。
【清除浏览器缓存】
快捷键Ctrl+R。没啥好说的,只是简化了此前的操作环节而已。
不懂得你注意到菜单中【清除浏览器缓存】背面有三个点没有。这个表达,点击此菜单后会确认对话框。
【清除此域的浏览器缓存】
快捷键Ctrl+D。没啥好说的,只清除本域下的浏览器缓存。
【禁用Cookie】
没有什么好处说