|
可以看看下面這個(gè)“幻燈片”（用 S5 做的） Web Development with Firefox 大致內(nèi)容如下： firefox 內(nèi)置的工具 Page source viewer（網(wǎng)頁源代碼查看器） Page Info（頁面屬性） JavaScript Console（JavaScript 控制臺(tái)） DOM Inspector（DOM 檢查器） firefox Web 開發(fā)相關(guān)插件 Aardvark Css 調(diào)試器，顯示選擇元素的 id 和 class Colorzilla 顏色吸管工具，顯示鼠標(biāo)所在元素的顏色信息、DOM路徑信息，距離上一次點(diǎn)擊的x、y坐標(biāo) Fangs 模擬 Screen reader 的“朗讀”效果 Fireftp ftp 客戶端 HTML Validator HTML 驗(yàn)證器 IE View 切換到 IE，查看網(wǎng)頁在 IE 瀏覽器的表現(xiàn) LinkChecker 鏈接檢查器 Live HTTP Headers 實(shí)時(shí) Http headers 信息查看 此圖片僅顯示局部，請(qǐng)點(diǎn)擊查看完整圖片  MeasureIt 尺子工具 Screen Grab 以多種方式截屏 此圖片僅顯示局部，請(qǐng)點(diǎn)擊查看完整圖片  User Agent Switcher User-Agent 切換工具 此圖片僅顯示局部，請(qǐng)點(diǎn)擊查看完整圖片  View Formatted Source 查看格式化后的代碼 View Rendered Source 查看渲染源代碼（我的理解是：html代碼都會(huì)被各種瀏覽器首先進(jìn)行標(biāo)準(zhǔn)化處理，然后才予以render，比如 firefox 會(huì)把 "red" "#f00"等等這樣的顏色都轉(zhuǎn)換成 "rgb(255,0,0)" 的形式才渲染） Web Developer Extension Web 開發(fā)插件，包括內(nèi)容較多。 此圖片僅顯示局部，請(qǐng)點(diǎn)擊查看完整圖片  Zoomy 字體縮放 |
|
|
