基于Chrome DevTools手册，介绍DevTools的使用方法

打开DevTools

你可以通过以下几种方式打开DevTools：

1. 右键点击网页上的任何元素，选择“检查”。
2. 使用快捷键：
   • Windows/Linux: Ctrl + Shift + I
   • Mac: Cmd + Option + I
3. 在Chrome菜单中选择“更多工具” > “开发者工具”。

1. Elements（元素）

使用方法：

• 打开 DevTools 后，选择 “Elements” 标签。
• 检查元素：右键点击页面上的任何元素，选择“检查”以在 Elements 面板中查看该元素。
• 编辑 HTML：双击某个元素标签或右键点击它并选择“Edit as HTML”来修改元素。
• 修改 CSS：在右侧样式面板中，找到需要修改的 CSS 属性，直接编辑值或者添加新的 CSS 规则。

示例：

<div id="myDiv" style="color: blue;">Hello, World!</div