浏览器开发人员工具 检查工具 "检查"覆盖的元素信息 元素工具 修改网页的内容和样式 给元素添加断点 查看元素的监听事件 控制台工具 与浏览器中的当前网页交互 源代码工具 页面加载的所有资源 网络工具 记录网络活动 列显示的资源信息 检查资源的详细信息 标头 常规 响应标头 请求标头 预览和响应等 Cookie 浏览器开发人员工具 打开浏览器开发人员工具: 方法一:点击浏览器菜单(以 Edge 浏览器为例)右上角三个点 ⋯ \cdots ⋯ -> 更多工具 -> 开发人员工具, 方法二:在网页右键,检查 或 审查元素, 方法三:windows 直接快捷键 fn(若有) + f12。 浏览器的开发人员工具是一套可以帮助 查看、修改、调试和优化网页