从浏览网站开发基础、橱窗或节目,您或许已经体验过 Google 新推出的一站式平台,涵盖所有网络相关内容。今天,我们欢迎使用 DevTools,我们将所有网络相关工具集中在一个地方。
开发者工具新主页

开发者工具首页和所有文档已从 https://developers.chrome.com 移至 https://developers.google.com/web/tools/chrome-devtools。不过,可别被全新的闪亮击倒了:我们为您提供了大量新增内容和更实质性的更改。
操作类教程
向您展示如何使用开发者工具的文档现在以目标或操作为导向,类似于网站开发基础构建其页面的方式。因此,您看到的不是“详细了解网络”面板的信息,而是“分析网络性能使用入门”。
今后,我们的教程和指南将讲述一个不依赖于任何特定工具的总体工具故事。重要的是您的工作效率和成效,而且有时您可以将多种工具结合使用。“Web 基本法则”中旧版“工具”部分的教程已经迁移,未来我们将添加更多与开发者工具无关的内容。
前往“设置”部分开始进行设置。
最新动态、资讯和实用提示

受精彩的 devtoolstips.com 和 Umar 的 DevTips 启发,再加上 Umar 的帮助和支持,我们推出了全新的“更新”部分,其中包含最新的开发者工具资讯、提示和实用建议,以及所有其他工具项目的资讯。
实用工具

/web/tools 现在是 Google 所有网络工具相关内容的主要目的地。欢迎查看所有项目概览、面向行动的文档以及工具方面的最新资讯。目前,Polymer 和 Material Design Lite 已分别链接到各自的页面,但我们会在提示和更新中包含这些信息。
欢迎与我们分享您的想法,并经常与我们联系!