1. 快捷键访问：
- 在地址栏输入 `chrome://inspect` 打开开发者工具。
- 按 `f12` 键可以快速访问开发者工具。
2. 选择元素：
- 使用 `ctrl + click` 或 `cmd + click` 来选择多个元素。
- 按住 `shift` 键并点击来选择相邻的元素。
3. 查看元素属性：
- 按 `alt + enter` 来展开元素的 `attributes` 面板。
- 按 `ctrl + shift + p` 来显示所有属性。
4. 检查元素类型：
- 按 `alt + enter` 来查看元素的 `type`。
- 按 `ctrl + shift + p` 来查看元素的 `class`。
5. 检查元素内容：
- 按 `alt + enter` 来查看元素的 `inner `。
- 按 `ctrl + shift + p` 来查看元素的 `text content`。
6. 检查元素样式：
- 按 `alt + enter` 来查看元素的 `style`。
- 按 `ctrl + shift + p` 来查看元素的 `css`。
7. 检查元素事件：
- 按 `alt + enter` 来查看元素的 `event listeners`。
- 按 `ctrl + shift + p` 来查看元素的 `events`。
8. 检查元素状态：
- 按 `alt + enter` 来查看元素的 `status`。
- 按 `ctrl + shift + p` 来查看元素的 `dom state`。
9. 检查元素子节点：
- 按 `alt + enter` 来查看元素的 `child nodes`。
- 按 `ctrl + shift + p` 来查看元素的 `children`。
10. 检查元素父节点：
- 按 `alt + enter` 来查看元素的 `parent node`。
- 按 `ctrl + shift + p` 来查看元素的 `parents`。
11. 检查元素文本：
- 按 `alt + enter` 来查看元素的 `text content`。
- 按 `ctrl + shift + p` 来查看元素的 `text`。
12. 检查元素类名：
- 按 `alt + enter` 来查看元素的 `class name`。
- 按 `ctrl + shift + p` 来查看元素的 `class names`。
13. 检查元素id：
- 按 `alt + enter` 来查看元素的 `id`。
- 按 `ctrl + shift + p` 来查看元素的 `ids`。
14. 检查元素属性值：
- 按 `alt + enter` 来查看元素的 `attribute value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute values`。
15. 检查元素属性名：
- 按 `alt + enter` 来查看元素的 `attribute name`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute names`。
16. 检查元素属性值类型：
- 按 `alt + enter` 来查看元素的 `attribute type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute types`。
17. 检查元素属性值长度：
- 按 `alt + enter` 来查看元素的 `attribute length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute lengths`。
18. 检查元素属性值值：
- 按 `alt + enter` 来查看元素的 `attribute value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value values`。
19. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
20. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
21. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
22. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
23. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
24. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
25. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
26. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
27. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
28. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
29. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
30. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
31. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
32. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
33. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
34. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
35. 检查元素属性值值长度：
- 按 `alt + enter` 来查看元素的 `attribute value length`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value lengths`。
36. 检查元素属性值值值：
- 按 `alt + enter` 来查看元素的 `attribute value value value`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value value values`。
37. 检查元素属性值值类型：
- 按 `alt + enter` 来查看元素的 `attribute value type`。
- 按 `ctrl + shift + p` 来查看元素的 `attribute value types`。
