
1. 打开Chrome浏览器并访问需要调试的网站。
2. 在地址栏输入`chrome://inspect`,然后按回车键。这将打开开发者工具。
3. 在开发者工具中,点击左侧的“Network”选项卡。
4. 在右侧的“Network”面板中,可以看到当前页面的所有网络请求和响应。你可以在这里查看和修改HTTP/HTTPS请求、CSS样式、JavaScript代码等。
5. 点击“Sources”选项卡,可以查看和修改HTML、CSS、JavaScript等文件的内容。
6. 点击“Console”选项卡,可以查看和修改控制台输出的信息。
7. 点击“Network”选项卡右上角的齿轮图标,可以自定义开发者工具的配置。
8. 在开发者工具中,你还可以使用其他工具,如“Elements”、“Styles”、“Performance”等,来帮助你更好地调试网站。
9. 当你完成调试后,可以点击右上角的“Done”按钮,关闭开发者工具。



