导读：在这个系列文章的第一篇，我们主要关注火狐浏览器中开发工具的特点和我们现在的使用情况。这篇文章的主要目的是向你展示工具提供的各种可能特点、进度和我们的需求。 Firefox4见证了Web控制台这个新的开发工具的诞生。自那时起，我们不断地在这个开发工具中增加更多的功能，这使得web控制台在广泛地发挥着作用，同时在Firefox桌面、Firefox OS和Firefox for Android的调试和分析起着不可替代的作用。
在这个系列文章的第一篇，我们将着眼于自Firefox 4浏览器以来便有的开发工具。每一个工具我们将用一个简短的屏幕截图来进行介绍，同时为了让读者能够更多地了解相应的工具，我们将展示一些其他的截图来配合讲解特定的流程模式。这些图片包括基于实际应用的手机开发、警告和CSS调试等屏幕截图。 在第一篇文章我们介绍的是Web Console 和 Javascript Debugger。 Web Console Web Console主要用于展示与当前加载网页相关的信息。这些信息包括HTML、CSS、JavaScript、安全警告(Security warnings)和错误信息，另外网络请求(network requests)会被展示出来，Web Console 还会显示这些请求成功与否。当Web Console 探测出网页中的错误和警告时，它会给出指向引起错误的代码的链接。通常情况下，Web Console 是调试Web应用程序的第一站。
Web Console 允许开发者在网页中执行JavaScript代码。这意味着开发者可以在网页范围内定义类然后执行实例化后的类方法，并且可以通过CSS选择器来访问特定元素。 视频简介：https://www.youtube.com/watch?v=C6Cyrpkb25k 通过查看 MDN Web Console 的文档可以获得更多地信息。 |
