用Chrome開發者工具除錯一切

infoq發表於2015-04-02

  自Google釋出Chrome瀏覽器以來,其附帶的Chrome開發者工具就深受開發者們的喜愛,現在人們不僅僅用它來除錯Web前端頁面,還將它擴充套件用來除錯移動應用和服務端應用。在錯誤報告平臺Bugsnag負責社群和內容的Kristine Pinedo近日撰文,總結了基於Chrome開發者工具的各種除錯工具。

  首先是移動應用。對於iOS原生應用,你可以用PonyDebugger來除錯。它由Square的移動團隊開發,可用於除錯iOS原生應用的網路流量和資料儲存。你可以在這裡瞭解它的功能和原理。另外,如果你使用React Native開發iOS應用,你也可以很方便的使用chrome開發者工具來進行除錯,Facebook已經將它深度整合到框架當中。

  對於Android原生應用,Facebook推出了另一個除錯工具Stetho,它也是使用Chrome開發者工具介面來進行除錯的,這是一個開源專案,你可以在這裡瞭解它的更多資訊。

  對於移動Web應用,目前你可以通過Android上的chrome來進行遠端除錯。而且它還能用於除錯Android原生應用中的WebView。

  對於Node.js應用,可以用Node-inspector進行除錯。

  對於Ruby on Rails應用,你可以用console.log來除錯,它可以將Ruby應用的log資訊輸出到Chrome的控制檯裡。

  對於其它的服務端應用,你可以用Chrome Logger這個Chrome開發者工具的擴充套件來進行除錯,目前它已支援Python、PHP、.NET、Go、Java、Perl等語言開發的應用。

  Chrome開發者工具得到如此廣泛的應用令人驚訝,但這也體現出開發者對於更優秀的開發體驗的追求是沒有止境的。如果你知道Chrome開發者工具的更多應用,歡迎在本文評論交流。

相關文章