使用Chrome DevTools调试和编辑网页
Google Chrome开发者工具（也称为Chrome DevTools）是Google Chrome内置的高级Web创作和调试工具。开发人员可以使用这些综合工具来迭代，调试和分析您的网站，而无需退出Chrome的环境。 DevTools还可让您跟踪布局问题，深入了解代码优化并建立JavaScript断点。
使用Chrome DevTools
要使用Google Chrome开发者工具，您要做的就是使用Google Chrome打开一个页面。在“ Chrome菜单”中，选择“工具”，然后选择“开发者工具”。您也可以右键单击页面元素，然后选择“检查元素”。您还可以通过在基于Windows的设备上选择ctl + shift + i或在Mac上选择cmnd + opt + i来使用键盘。 DevTools分组在浏览器窗口顶部的工具栏中。然后，您可以在几组工具下使用特定类型的页面或应用程序信息，包括元素，配置文件，控制台，资源，网络，时间轴，审核和源。使用每种工具，您都可以轻松地对问题进行故障排除，提高网络性能，并获得有关需要做些什么来改善站点的信息。它们还可以让您以不同的屏幕尺寸和分辨率查看尺寸。
解决问题和改善网站的绝佳工具
Google Chrome开发者工具可让您编辑网页，而无需单独的工具。它具有出色的功能，可使用单个DOM树进行检查和编辑。 JavaScript控制台还允许您记录诊断信息并使用shell提示来测试页面和应用程序。强大的调试工具还有助于发现和解决JavaScript问题，而网络和审计工具则可为您提供有关资源的实时数据，以识别请求花费时间更长的原因，并了解如何改善响应。
.png){kind=icon}
