一次開發,隨處測試:Mozilla推出Web跨瀏覽器除錯工具
對於Web開發者來說,瀏覽器的相容性是個大問題。五花八門的瀏覽器種類和版本(包括移動版)導致應用的展示效果有時候各不相同,需要經過在各種瀏覽器場景下利用所附帶的工具進行除錯才能保證正常的呈現效果。但是Mozill本週四推出了Firefox Tools Adapter外掛即將把Web開發者從轉向苦差事中解放出來,它可以讓開發者在Firefox瀏覽器內就能進行鍼對其他瀏覽器的除錯。
按道理來說,在Web開發的世界裡,如果HTML5和CSS能一統天下的話,瀏覽器的差異應該就不成問題。但事實是,每個瀏覽器自身都多多少少有一些“原生”的東西。為了保證應用的呈現效果,Web開發者往往只能使用瀏覽器隨帶的開發者工具來除錯程式碼;此外,熟悉各種瀏覽器的各種開發和除錯工具也是很累的事。
但是Firefox Tools Adapter這個外掛可以讓這種狀況改觀,它可以讓網站開發者在Firefox的環境內進行鍼對Android Chrome和iOS Safari的除錯。Web開發者可以利用Firefox的JavaScript偵錯程式、DOM inspector及CSS編輯器,通過遠端除錯協議進行鍼對Chrome、Safari等瀏覽器的除錯。外掛支援的功能包括指令碼除錯、通過開發者控制檯執行Web程式碼、以及修改網站在iPhone、iPad及Android等手機上的佈局。
此前Firefox內部曾開發了一套工具用來除錯Android版Firefox和Firefox OS,這套工具可以在開發者將移動裝置連線到桌面時讓Firefox的工具在Android的Chrome和iOS的Safari瀏覽器上工作。這次推出的外掛正是在此基礎上開發的。
不過Firefox的這個外掛仍處於試驗階段,目前僅支援Firefox Nightly,估計在4到5個月內將推廣到穩定版。
幾個月前,Mozilla釋出了WebIDE專案,其意圖是將瀏覽器打造為一個不僅僅消費Web應用而且也能開發和部署Web應用的完整環境。但是WebIDE面臨的鴻溝是Web應用往往只能執行在少數瀏覽器內,而WebIDE只能在Firefox和Firefox OS下工作。有了Firefox Tools Adapter之後,WebIDE將變成一個跨平臺的工具。
可以預期的是,這個原名為“熱夜之夢”的專案一定能贏得Web開發界不少熱烈的掌聲,而Mozilla也將因為其開放性贏得更多的Web開發者。
相關文章
- 跨瀏覽器測試需要面臨哪些挑戰?跨瀏覽器測試工具分享瀏覽器
- 為什麼跨瀏覽器測試很重要?7款跨瀏覽器測試工具請查收!瀏覽器
- 跨瀏覽器的JavaScript效能檢測工具瀏覽器JavaScript
- 設定谷歌瀏覽器跨域(本地除錯可用)谷歌瀏覽器跨域除錯
- 測試開發之前端篇-瀏覽器開發者工具使用(TODO)前端瀏覽器
- 瀏覽器開發者工具開啟檢測瀏覽器
- 十款好用跨瀏覽器測試工具分享,好物值得收藏!!!瀏覽器
- 谷歌瀏覽器除錯技巧谷歌瀏覽器除錯
- 十分好用的跨瀏覽器測試工具,建議收藏!!!瀏覽器
- 實現VsCode內建javascript除錯:包括瀏覽器開發工具與控制檯VSCodeJavaScript除錯瀏覽器
- 使用瀏覽器inspect除錯app瀏覽器除錯APP
- 【遠端檔案瀏覽器】Unity+Lua開發除錯利器瀏覽器Unity除錯
- 幾款瀏覽器相容性測試工具瀏覽器
- 前端chrome瀏覽器除錯總結前端Chrome瀏覽器除錯
- 谷歌瀏覽器除錯移動端谷歌瀏覽器除錯
- 瀏覽器開發者工具詳解瀏覽器
- 6款好用跨瀏覽器測試工具,高價效比軟體檢測機構安利瀏覽器
- 瀏覽器跨域瀏覽器跨域
- 【軟體測試】你最常用的web測試-瀏覽器相容性測試Web瀏覽器
- 前端入門技巧之瀏覽器除錯前端瀏覽器除錯
- Sentry 開發者貢獻指南 - 瀏覽器 SDK 整合測試瀏覽器
- Chrome瀏覽器除錯移動端網頁,測試人員也可以輕鬆debugChrome瀏覽器除錯網頁
- Laravel 瀏覽器跨域Laravel瀏覽器跨域
- 谷歌瀏覽器跨域谷歌瀏覽器跨域
- 瀏覽器利用框架BeEF測試瀏覽器框架
- 使用SAP WebIDE建立開發Java應用,並且在瀏覽器裡除錯WebIDEJava瀏覽器除錯
- 善用瀏覽器的一些除錯技巧瀏覽器除錯
- Playwright安裝與Python整合:探索跨瀏覽器測試的奇妙世界Python瀏覽器
- 谷歌錯誤地為安卓“推出”了 Clankium 瀏覽器谷歌安卓瀏覽器
- 滲透測試和CTF Web中常用的瀏覽器外掛Web瀏覽器
- win10系統下火狐瀏覽器怎麼安裝除錯工具Win10瀏覽器除錯
- 這些跨瀏覽器測試工具你都知道嗎?好口碑第三方軟體測試機構安利瀏覽器
- 微信瀏覽器除錯微信js-sdk瀏覽器除錯JS
- 急速 debug 實戰二(瀏覽器 - 除錯線上篇)瀏覽器除錯
- Mocha瀏覽器測試入門教程瀏覽器
- 為什麼瀏覽器的使用者代理字串以 Mozilla 開頭瀏覽器字串
- 禁止使用者開啟瀏覽器debug除錯視窗的方法瀏覽器除錯
- 超好用的瀏覽器相容性測試工具,趕緊收藏!瀏覽器
- [譯] Android 上一次編寫,隨處測試Android