做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.
|
posted on 2007-01-15 09:44
行 阅读(270)
评论(0) 编辑 收藏