|
做web开发5年了，居然才发现有这么好的浏览器开发工具，真是惭愧了
做Java的web开发，肯定离不开浏览器，现在流行的浏览器除了微软的IE，还有其他流行的浏览器：firefox,opera。俗话说：“欲要善其事，必先利其器”，下面我就列出工作中针对这些浏览器常用的工具。
1.Instant Source
这是一款针对IE的工具。对网页源文件的查看，可以使我们获得更多与网页相关的信息，对网页制作者来说，一些设计得较有特色的网页，通过对其源代码来查看以作进一步地学习借鉴就更有必要了。但在IE中查看源文件极为不便。Instant Source是一个非常实用的IE插件，只要你用鼠标指向网页上的某一元素，它的HTML代码便即时显示出来，配合Shift、Ctrl键的操作，还可以锁定显示的源代码和显示HTML代码的上级元素。此外，通过鼠标还可以直接获取网页上各种颜色的R、G、B值及HEX代码。
2.ieHTTPHeaders
这是一款针对IE的工具。我们进行web开发的时候，使用的就是http协议，这个软件能够帮助我们查看http协议的表头的信息。
3.Internet Explorer Developer Toolbar
这是一款针对IE的工具。IE Developer Toolbar 特性如下： －浏览和修改Web页的文档对象模型（DOM）。－通过多种技术方式定位、选定Web页上的特定元素。－禁止或激活IE设置。－查看HTML对象的类名、ID，以及类似链接路径、tab顺序、快捷键等细节。－描绘表格、单元格、图片或选定标签的轮廓。－显示图片象素、大小、路径、替代文字等。－即时重定义浏览器窗口大小到800x600或自定义大小。－清空浏览器缓存和cookie，被清除项可从所有对象或给定域中选择。－直接访问关联W3C规范参考、IE开发组blog或其他来源。－显示设计时标尺，帮助对齐对象。该工具条可集成在IE窗口，或以浮动窗口形式存在\\使用方法:安装好以后,打开IE,在菜单栏中选择 查看---工具栏,勾上 Developer Toolbar
4.FireBug
这是一款针对FireFox的工具.可以查看和临时修改HTML源代码、查看CSS定义、调试JavaScript.尤其是在firefox上调试javascript功能非常的强大，但是firefox对javascript的兼容性没有IE好，所以这款插件就会有很大的局限性。
5.script debugger
这是一款针对IE的javascript调试工具。此工具的特点是小巧，功能齐全，debug时能够单步执行，能够显示变量，Object的值，缺点是不够稳定，很容易出错，出错以后这个工具就再也打开不了。
6.microsoft script editor
这是一款针对IE的工具.调试javascript的功能非常的强大，他是跟随office发布的，这个工具很稳定，一般不会出错，调试javascript需要的功能都具有，唯一的缺点是占内存较多，比较慢，如果内存小的话可以考虑使用script debugger.
|