用 Chrome 开发者工具调试一切

阅读数:14106 2015 年 4 月 2 日

话题:移动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 开发者工具的更多应用,欢迎在本文评论交流。