用firefox进行Web开发调试

来源:百度文库 编辑:神马文学网 时间:2024/04/24 00:26:55
可以看看下面这个“幻灯片”(用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
字体缩放_xyz