Firefox4见证了一个新的开发工具Web控制台的诞生。从那时起，我们继续向这个开发者工具添加更多功能，使Web控制台广泛可用，并成为Firefox桌面、FirefoxOS和FirefoxforAndroid角色中不可替代的调试和分析工具。在本系列的第一篇文章中，我们将了解自Firefox4浏览器以来一直存在的开发人员工具。我们将通过一个简短的截图来介绍每个工具，并且为了让读者更多地了解相应的工具，我们将展示一些其他的截图来伴随对特定流程模式的解释。这些图像包括基于实际移动开发的屏幕截图、警告和CSS调试。在第一篇文章中，我们介绍了WebConsole和JavascriptDebugger。WebConsoleWebConsole主要用于显示当前加载网页的相关信息。此信息包括HTML、CSS、JavaScript、安全警告和错误消息。此外，还会显示网络请求，WebConsole也会显示这些请求是否成功。当Web控制台在网页中检测到错误和警告时，它会提供指向导致错误的代码的链接。通常，Web控制台是调试Web应用程序的第一站。Web控制台允许开发人员在网页中执行JavaScript代码。这意味着开发者可以在网页范围内定义类然后执行实例化的类方法，并且可以通过CSS选择器访问特定的元素。视频介绍：https://www.youtube.com/watch?v=C6Cyrpkb25k您可以通过查看MDNWebConsole文档获取更多信息。JavaScripterDebuggerJSDebuggerJavaScripterDebugger用于调试和改进Web应用程序网页部分的JavaScript代码。该调试工具可用于FirefoxOS、FirefoxforAndroid和FirefoxDesktop中调试代码。是一款功能齐全的调试工具，包括观察表达式、局部变量变化、设置断点、条件表达式、跳转、返回、执行到底等功能。另外，开发者可以在网页加载过程中暂停应用，改变变量数据观察执行效果。JS调试器介绍视频：https://www.youtube.com/watch?v=sK8KU8oiF8s如果你想了解更多关于JavaScriptDebugger的信息，可以通过查看MDNDebugger的文档获取信息。我们快速浏览了这些工具的一些功能。如果您想了解这些开发工具的所有特性，请点击查看MDN工具文档。请期待本系列的下一篇文章，我们将深入探讨样式编辑器和便签本。在下面的评论中给我们您的反馈，让我们知道您需要更多了解哪些功能。原文链接：https://hacks.mozilla.org/2013/09/reintroducing-the-firefox-developer-tools-part-1-the-web-console-and-the-javascript-debugger/翻译链接：http：//blog.jobbole.com/52330/
