可以看看下面这个“幻灯片”(用 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 字体缩放 |
|