淺談 Firefox 37 開發者工具

Web 動畫工具、監看網路安全性、強化的字型檢測器,還有更多

Firefox 37 剛加入了許多已修復的錯誤與強化過的功能。快點更新 Firefox 開發者 (Developer)每夜更新 (Nightly) 版本來體驗吧!

動畫 (Animation) 檢測器面板

吸引越來越多關注眼神的新 Web Animations API,可讓開發者透過 Web 技術設計更複雜的動畫,而不再依賴其他專利的擴充套件。動畫設計工具即以 Firefox 開發者工具為基礎,另也第一次釋出播放\暫停控制鈕與時間軸。只要點選「檢測器 (Inspector)」中任一包含動畫的元素,就會在「規則 (Rules)」、字型 (Fonts)」等面板區看到「動畫 (Animations)」。可觀看更多動畫檢測器作業時的相關影片,或是透過此 Web 動畫展示自行體驗。

這是第一代的 Web 動畫工具。同樣歡迎你對此提供建言,讓我們打造更好用的工具。請到 UserVoice 上建議細節,或推文到 @FirefoxDevTools。

「安全性」面板

網路監測器 (Network Monitor) 納入了「安全性 (Security)」新工具。只要點選「網路 (Network)」面板中的請求,就會在請求檢測器中顯示「安全性」面板,其中將顯示該請求的連線、主機、所使用的憑證等資訊。

「安全性」面板可協助找出 SSL 協定版本的問題 (像是因 POODLEBITE 問題而無法正常顯示的網站),並確認網站安全強度是否達到相關要求。

 

此版本中的其他功能與小幅提升之處:

  • 只要點擊「字型 (Font)」檢測器中的「顯示此頁面中所有使用的字型 (Show all fonts)」鈕,即可顯示所有字型 (包含 iframes 中的字型)。(可參考 Bug 1097150)
  • 附加元件現可註冊自訂的 Actor。(可參考 Bug 1107888)
  • 「檢測器」側邊欄現可進行非同步的載入與更新作業,達到較佳效能。(可參考 Bug 1103993)
  • 更新了「Box Model」著色器的色彩,能在更大範圍的背景中看清顏色並輕鬆選取所需的區塊。(可參考 Bug 989053)
  • 新增了 Firefox CLI 選項「–start-debugging-server」,可於特定通訊埠上啟動 Firefox 除錯伺服器。(可參考 Bug 1119894)
  • 縮減開發工具分頁的高度,讓工具箱擁有更多垂直空間。

 

一如往常,我們極重視開發者的意見。請隨時透過 @FirefoxDevTools開發者工具意見反應頻道提供修改建言。如果你想協助打造開發者工具,亦可參閱相關指南

 

 

原文連結:Web Animation tools, Network Security insights, Font Inspector improvements and more – Firefox Developer Tools Episode 37

 

 

0 則回應

Yahoo一紙荒唐合約 讓Mozilla Firefox每年爽拿3.75億美金 Yahoo一紙荒唐合約 讓Mozilla Firefox每年爽拿3.75億美金 10 天前
網站被駭留記錄 Firefox給你貼心小提醒 網站被駭留記錄 Firefox給你貼心小提醒 22 天前
Google再次成為Firefox新版瀏覽器默認搜索引擎 Google再次成為Firefox新版瀏覽器默認搜索引擎 29 天前
新版Firefox預設搜尋引擎恢復與Google合作 新版Firefox預設搜尋引擎恢復與Google合作 1 個月前
新版Firefox瀏覽器正式導入量子引擎 新版Firefox瀏覽器正式導入量子引擎 1 個月前

熱門文章

最新消息