现代浏览器几乎都内置了调试工具，而且打开的方式都是直接按F12，

可以非常方便的查看当前页面的（以Chrome为例）：

HTML元素（Element）

演示：

• 选中/修改元素
• 查看/修改CSS

JavaScript代码（Source）

演示：

• 设置断点
• 运行调试

网络交互情况（Network）

演示查看：

• Request和Response
• Get和Post
  
  
• 缓存

应用（Application）

这个名取得怪怪的，^_^

演示：

• 查看/删除cookie
• 查看/修改Local/SessionStorage

此外，还提供了：

控制台（Console）

演示：略

响应式切换（Device）

演示：略

设置

演示：禁用JavaScript

在当前系列 垃圾桶 中继续学习：

多快好省！前端后端，线上线下，名师精讲

• 先学习，后付费；
• 不满意，不要钱。
• 编程培训班，我就选源栈

更多了解 加：

QQ群：273534701

答疑解惑，远程debug……

B站 源栈-小九 的直播间

写代码要保持微笑 (๑•̀ㅂ•́)و✧