Firefox 扩展。也许是因为 Web Developer Toolbar 的功能过于强大,很多很有用的功能也许都在使用的过程中被用户不小心忽略掉了。让我们在这里把这些被遗忘的技巧做个小小的总结,让世界充满爱吧:
Images/View Image Information
通过这个选项可以在一个新的标签页里显示当前网页中所有图片元素的属性:路径,大小,尺寸等等,特别的方便。
Information/View Color Information
网页的配色是门很大的学问。很多人都喜欢使用 Colorzilla 来查看网页的配色信息,这个扩展可以在状态栏显示当前指针位置的色彩信息,包括图片的色彩。相比起来 Web Developer Toolbar 的这个功能有点弱,不过仍然可以一键调出当前网页中 CSS 调用的所有色彩,对研究网页配色很有帮助。
Information/Display Element Information
从前我要查看网页某一元素或区域的 div 属性的时候,总是右键呼出源文件,然后开始使用查找功能,一行一行的开始找。有了这个功能之后就不用这么麻烦了。当想查看网页中的某些属性,比如说 class/id,位置等等时,只要轻轻的使用快捷键 Ctrl+Shift+F 然后点击那部分区域就可以查看所有你想知道的东西了。
Forms/Show Passwords
很多人都喜欢明码显示密码,理由有很多。Web Developer Toolbar 的这个功能为有这个怪癖的 Firefox 用户提供了一个可能。点击这个选项之后在密码输入框里就会明码显示了。
Miscellaneous/Small Screen Rendering
越来越多的用户可以使用自己的手机和 PDA 上网浏览网页了,使用这个功能可以让你预览一下自己的网页在这些便携装备上的样子,根据预览图你可以优化一下自己网页的布局和框架,让她们在 PDA 下浏览起来更便捷。
Miscellaneous/Visited Links
在有些情况下我们会希望当前网页的所有超链接全部失效,便于检查和调试我们的网页。在这个选项下用户可以选中 Mark All Links Unvisited,全部超链接就暂时失效了。
Tools/View Speed Report
Tools 菜单里的选项基本都是关于网站的各种验证的,CSS,JS,HTML 等等,这里还有一个很有用的功能,就是可以在线测试网站的载入速度。这里调用了 Web Page Analyzer 的数据,点击选项之后 Web Developer Toolbar 会将当前网站提交到 Web Page Analyzer 进行测试,用户可以根据 Web Page Analyzer 提供的数据列表了解到底是哪些文件影响了自己网站的载入速度。
Miscellaneous/Edit HTML
Web Developer Toolbar 里使用频率最高的功能也许就是 Edit CSS 了,用户可以实时进行修改当前网页的 CSS 并且可以马上看到修改的效果。用户也可以使用 Web Developer Toolbar 修改 HTML 文件,这个功能就藏在 Miscellaneous 下。