7 个用来查看网页源码的 Firefox 扩展

红薯
 红薯
发布于 2011年10月16日
收藏 50

作为 Web 开发者来说,经常需要研究各种网站,看网页的 HTML 代码,本文向你推介 7 款 Firefox 的扩展,可让查看网页源码更加方便。

1. View Source Chart

该插件可让你使用更容易理解的结构来显示网页源码,并有语法着色功能。

* 图形化显示 HTML 标签的边界
* 图形化定义标签嵌套顺序、结构和层次


2. JSView 2.0.8

该扩展可让你轻松访问页面相关的外部文件,例如 js 和 css。
JSView -- Add-ons for Firefox


3. HighlightAll

该扩展只是简单的对所有页面中的元素的关键字进行高亮显示,并计算其出现的频率。

HighlightAll -- Add-ons for Firefox


4. Html Validator

在状态栏上增加了一个小图标,该图标可立即在页面加载的时候验证代码,基于 HTML Tidy。

Html Validator -- Add-ons for Firefox


5. View Formatted Source

它显示了源码中的结构化变量,并使用代码折叠的方式进行展示,可显示每个元素的 CSS 匹配规则。


6. SourceEditor

这是一个很小的工具可让你在浏览器中快速轻松的编辑页面。

SourceEditor -- Add-ons for Firefox


7. PageDiff

可对多个页面进行 HTML 代码的比较

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:7 个用来查看网页源码的 Firefox 扩展
加载中

最新评论(10

l
lixupeng
挺好用收下
超然
超然
有些功能也许会用到,常用的还是firebug
fengyqf
fengyqf

引用来自“G.”的评论

引用来自“钛元素”的评论

firebug路过

+1

+255
文星
文星
我还是比较喜欢IE8的开发者工具和谷歌浏览器自带的那些工具。
文星
文星
我还是比较喜欢IE8的开发者工具和谷歌浏览器自带的那么工具。
北落
北落
firebug就不错了 不过第一个还是有点用的
MrMign
MrMign
就第一个有用啊
loyal
loyal
就第一个稍稍有点用,其他的...都不如firebug
G.
G.

引用来自“钛元素”的评论

firebug路过

+1
钛元素
钛元素
firebug路过
返回顶部
顶部