【轮廓】菜单
【轮廓】菜单，很明显就是把满足条件的元素勾画出来显示的命令。
【表单元格】
就是把form表的各个单元格用桔色线框出来。让你知道——哦。原来这里就是表的单元格呀。
【表】
就是把form表单用桔色线框出来。让你知道——哦。原来这里就是form表单呀。
【DIV元素】
就是把页面中的所有div元素用绿色线框出来。让你知道——哦。原来这些都是div元素呀。
本篇文章已经简单的把开发人员工具的各个菜单讲解了一遍。相信，大家已经可以简单的使用起这个强大的工具了。
【图像】
就是把页面中的所有img元素用紫色线框出来。让你知道——哦。原来这些都是img元素呀。
【任何元素】
这个比较强劲了。你可以自定义任何标签和他们要用什么颜色的线框出来。点击这个菜单，会弹出下面的对话框。很简单。不再做说明了。
【定位元素】之“相对”
会用绿色线框出来，所有具有position:relative样式的元素。
【定位元素】之“绝对”
会用黑色线框出来，所有具有position:absolute样式的元素。
【定位元素】之“固定”
会用蓝色线框出来，所有具有position:static样式的元素。
【定位元素】之“浮动”
会用黄色线框出来，所有具有float样式的元素。
【清除轮廓】
当你的页面已经被各种颜色的线搞的像Excel表格一样的时候，你可以可以使用这个命令来清除所有的线了。
本篇文章已经简单的把开发人员工具的各个菜单讲解了一遍。相信，大家已经可以简单的使用起这个强大的工具了。
【图像】菜单
很明显，这个命令就是控制页面上各种图片的。
【禁用图像】
为了不侮辱你的智商，这个就不说了。唯一一点需要说明的是——不仅仅是img元素，而且连元素的背景图片都会被禁用哦。
【显示图像尺寸】
很不错的功能。可以不用查看图片属性就快速的知道各个图片的尺寸大小，当然，单位是像素。
【显示图像文件大小】
很不错的功能。可以不用查看图片属性就快速的知道各个图片的文件大小，当然，单位是字节。
【显示图像路径】
很不错的功能。可以不用查看图片属性就快速的知道各个图片的URL路径，而且还可以复制。
【显示Alt文本】
可以显示出img元素的alt属性的文本。顺便说一下：图片的alt千万不要进行关键字的堆砌，否则很容易被认定为SEO过渡优化。
【查看图像报告】
生成一份详细的改页面的图像报表。包含每个图片的非常详尽的信息。
本篇文章已经简单的把开发人员工具的各个菜单讲解了一遍。相信，大家已经可以简单的使用起这个强大的工具了。
