分享

用firefox进行Web开发调试

 duduwolf 2005-09-11
可以看看下面这个“幻灯片”(用 S5 做的)
Web Development with Firefox

大致内容如下:

firefox 内置的工具

Page source viewer(网页源代码查看器)
Page Info(页面属性)
JavaScript Console(JavaScript 控制台)
DOM Inspector(DOM 检查器)

firefox Web 开发相关插件

Aardvark
Css 调试器,显示选择元素的 id 和 class

Colorzilla
颜色吸管工具,显示鼠标所在元素的颜色信息、DOM路径信息,距离上一次点击的x、y坐标

Fangs
模拟 Screen reader 的“朗读”效果

Fireftp
ftp 客户端

HTML Validator
HTML 验证器

IE View
切换到 IE,查看网页在 IE 浏览器的表现

LinkChecker
链接检查器

Live HTTP Headers
实时 Http headers 信息查看


MeasureIt
尺子工具

Screen Grab
以多种方式截屏


User Agent Switcher
User-Agent 切换工具


View Formatted Source
查看格式化后的代码

View Rendered Source
查看渲染源代码(我的理解是:html代码都会被各种浏览器首先进行标准化处理,然后才予以render,比如 firefox 会把 "red" "#f00"等等这样的颜色都转换成 "rgb(255,0,0)" 的形式才渲染)

Web Developer Extension
Web 开发插件,包括内容较多。


Zoomy
字体缩放

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多