谷歌浏览器网页调试快捷键大全
时间:2025-09-27
来源:Chrome官网
正文介绍
1. 单步执行:按 F10 键,可以逐行执行代码。
2. 查看变量值:按 F12 键,可以查看当前页面的变量值。
3. 查看元素属性:按 F12 键,可以查看元素的 CSS 属性。
4. 查看元素内容:按 F12 键,可以查看元素的 HTML 内容。
5. 查看元素样式:按 F12 键,可以查看元素的 CSS 样式。
6. 查看元素事件:按 F12 键,可以查看元素的事件监听器。
7. 查看元素原型:按 F12 键,可以查看元素的原型链。
8. 查看元素继承:按 F12 键,可以查看元素的继承关系。
9. 查看元素子节点:按 F12 键,可以查看元素的子节点。
10. 查看元素父节点:按 F12 键,可以查看元素的父节点。
11. 查看元素文本:按 F12 键,可以查看元素的文本内容。
12. 查看元素选择器:按 F12 键,可以查看元素的选择器。
13. 查看元素类名:按 F12 键,可以查看元素的类名。
14. 查看元素ID:按 F12 键,可以查看元素的 ID。
15. 查看元素标签名:按 F12 键,可以查看元素的标签名。
16. 查看元素属性值:按 F12 键,可以查看元素的某个属性的值。
17. 查看元素属性名:按 F12 键,可以查看元素的某个属性的名称。
18. 查看元素属性类型:按 F12 键,可以查看元素的某个属性的类型。
19. 查看元素属性值类型:按 F12 键,可以查看元素的某个属性的值的类型。
20. 查看元素属性值长度:按 F12 键,可以查看元素的某个属性的值的长度。
21. 查看元素属性值类型长度:按 F12 键,可以查看元素的某个属性的值的类型的长度。
22. 查看元素属性值类型长度值:按 F12 键,可以查看元素的某个属性的值的类型的长度的值。
23. 查看元素属性值类型值:按 F12 键,可以查看元素的某个属性的值的类型的值。
24. 查看元素属性值类型值长度:按 F12 键,可以查看元素的某个属性的值的类型的值的长度。
25. 查看元素属性值类型值长度值:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值。
26. 查看元素属性值类型值长度值值:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值的值。
27. 查看元素属性值类型值长度值值长度:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值的长度的值的长度。
28. 查看元素属性值类型值长度值长度值长度值:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值的长度的值的长度的长度。
29. 查看元素属性值类型值长度值长度值长度值长度长度:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值的长度的值的长度的长度的长度的长度。
30. 查看元素属性值类型值长度值长度值长度值长度长度长度长度:按 F12 键,可以查看元素的某个属性的值的类型的值的长度的值的长度的值的长度的长度的长度的长度的长度的长度的长度的长度的长度的长度。
31. 查看元素属性值类型值长度值长度值长度值长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度长度