![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
Day19，今天学习了前端开发调试之 PC 端调试。
1. 元素面板：可以查看和编辑HTML和CSS代码，以及调试JavaScript代码。您可以在元素面板中选择特定元素并查看其样式、布局和事件。在Chrome浏览器中，您可以通过右键单击页面上的任何元素并选择“检查”来打开元素面板。
2. 控制台：可以帮助您调试JavaScript代码和执行命令。您可以在控制台中查看日志消息、警告和错误，并测试JavaScript表达式或函数。在Chrome浏览器中，您可以通过按下F12键或右键单击页面并选择“检查”来打开控制台。
3. 网络面板：可以显示网页加载期间发生的所有网络请求和响应。您可以使用网络面板来分析网页性能，并找出哪些资源导致了慢速加载时间。在Chrome浏览器中，您可以通过点击控制台左侧的“Network”选项卡来打开网络面板。
4. 资源面板：可以显示页面加载过程中使用的所有资源，如图片、样式表、脚本等。您可以使用资源面板来查看这些资源的详细信息，并对它们进行调试。在Chrome浏览器中，您可以通过点击控制台左侧的“Sources”选项卡来打开资源面板。
1. 元素面板：可以查看和编辑HTML和CSS代码，以及调试JavaScript代码。您可以在元素面板中选择特定元素并查看其样式、布局和事件。在Chrome浏览器中，您可以通过右键单击页面上的任何元素并选择“检查”来打开元素面板。
2. 控制台：可以帮助您调试JavaScript代码和执行命令。您可以在控制台中查看日志消息、警告和错误，并测试JavaScript表达式或函数。在Chrome浏览器中，您可以通过按下F12键或右键单击页面并选择“检查”来打开控制台。
3. 网络面板：可以显示网页加载期间发生的所有网络请求和响应。您可以使用网络面板来分析网页性能，并找出哪些资源导致了慢速加载时间。在Chrome浏览器中，您可以通过点击控制台左侧的“Network”选项卡来打开网络面板。
4. 资源面板：可以显示页面加载过程中使用的所有资源，如图片、样式表、脚本等。您可以使用资源面板来查看这些资源的详细信息，并对它们进行调试。在Chrome浏览器中，您可以通过点击控制台左侧的“Sources”选项卡来打开资源面板。
展开
评论
点赞
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)