用Chrome開發者工具除錯一切
自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開發者工具的更多應用,歡迎在本文評論交流。
相關文章
- web除錯優化-chrome開發者工具不完全指南Web除錯優化Chrome
- 利用 Chrome 開發者工具遠端除錯 Android 中的原生 WebViewChrome除錯AndroidWebView
- chrome開發者工具Chrome
- chrome開發者工具使用Chrome
- 谷歌開發者工具除錯CSS樣式谷歌除錯CSS
- Chrome 除錯技巧Chrome除錯
- chrome開發者工具的使用Chrome
- chrome開發者工具 - 00 概述Chrome
- chrome 開發者工具使用技巧Chrome
- Chrome 開發者工具的技巧Chrome
- [HTML5]android遠端除錯工具chromeHTMLAndroid除錯Chrome
- 深入探索Chrome開發者工具:開發者的利器Chrome
- chrome的除錯技巧Chrome除錯
- chrome 遠端除錯Chrome除錯
- 使用Chrome開發者工具除錯Android端內網頁(微信,QQ,UC,App內嵌頁等)Chrome除錯Android內網網頁APP
- Google Chrome 開發者工具漏洞利用GoChrome
- Chrome 72 開發者工具新特性Chrome
- Chrome 77 開發者工具新特性Chrome
- Chrome 開發者工具 workspace 的概念Chrome
- Jerry和您聊聊Chrome開發者工具Chrome
- Chrome開發者工具的小技巧Chrome
- 適用於開發者的最佳 Chrome 擴充套件工具Chrome套件
- Chrome 除錯工具 Network 篩選指定 Ajax 請求Chrome除錯
- 為PHP開發者準備的12個除錯工具PHP除錯
- Chrome 自帶開發者工具筆記Chrome筆記
- Chrome開發者工具Debug入門Chrome
- [譯] Chrome 73 開發者工具新特性Chrome
- chrome開發者工具各種騷技巧Chrome
- vscode使用chrome除錯報錯VSCodeChrome除錯
- dailyLearning -- Safari/Chrome除錯WebViewAIChrome除錯WebView
- Chrome DevTools 的 Sources 除錯Chromedev除錯
- Google Chrome除錯js入門GoChrome除錯JS
- 利用chrome除錯JavaScript程式碼Chrome除錯JavaScript
- Chrome控制檯 如何除錯JavascriptChrome除錯JavaScript
- Chrome 66 開發者工具新特性介紹Chrome
- Chrome 開發者工具的小技巧總結Chrome
- .NET應用程式除錯—原理、工具、方法除錯
- .NET應用程式除錯:原理、工具、方法除錯