调试html代码的快捷键,chrome网页F12调试快捷键

Ctrl + Shift +J 直接进入console面板

Console()

Ctrl + L 清除控制台消息

Tab 自动完成通用常缀

向右键 接受建议

Ctrl + U 清除console的提示(便于查看源代码)

向上键/向下键 选中上一行/下一行

Enter 执行代码或命令

Debugger(调试面板)

F8/Ctrl + \ 暂停/继续

F10/Ctrl + ’ 单步执行

F11/Ctrl + ; 单步进入

Shift + F11/Ctrl + Shift + ; 单步退出

Ctrl + ./Ctrl +, 上一帧/下一帧

Ctrl + Shift + E 被选中代码在控制台中打印出console信息

Ctrl + Shift + A 添加到debugger的watch里面，可以关注选中内容的变化

Ctrl + B 打断点/取消断点

Text Editor(文本编辑器)

Ctrl + Shift+P 跳转到某个成员

Ctrl + Space 自动完成

Ctrl + G 跳转到某行

Alt + - 跳转到之前的编辑位置

Alt + + 跳转到下一个编辑的位置

Ctrl + / 快捷键注释

Alt + ↑ 调整CSS度量单位,每次增加一个单元

Alt + ↓ 调整CSS度量单位,每次减少一个单元

Alt + PageUp 调整CSS度量单位,每次增加10个单元

Alt + PageDown 调整CSS度量单位,每次减少10个单元

Ctrl + D 选择选中内容的下一个匹配内容

Ctrl + U 软撤销

Ctrl + M 进入匹配的括号

Alt + W 关闭编辑便签

Alt + O 切换相同名字的或者不同后缀的文件

All Panels(所有面板)

Ctrl + [/Ctrl + ] 切换面板(向左/向右)

Ctrl + Shift + [/Ctrl + Shift + ] 返回之前/之后的面板转态

Ctrl + Tilde[~] 显示Console

Esc 小菜单弹出隐藏

Ctrl + Shift + M 进去仿真设备模式(移动平板屏幕)

Ctrl + Shift + D 切换调试 面板在底部还是侧边栏展示

Ctrl + F 搜索内容

Ctrl + Shift + F 在所有代码中搜索(跨域)

Ctrl + Shift + C 选择页面节点并且查看代码

Ctrl + P 快速切换源码文件

Style Pane(风格面板)

Tab/Shift + Tab 下一个/上一个属性

↑ 增加CSS度量单位->1单元

↓ 减少CSS度量单位->1单元

PageUp/Shift + ↑ 增加CSS度量单位->10单元

PageDown/Shift + ↓ 减少CSS度量单位->10单元

Shift + PageUp 增加CSS度量单位->100单元

Shift + PageDown 减少CSS度量单位->100单元

Alt + ↑ 增加CSS度量单位->0.1单元

Alt + ↓ 减少CSS度量单位->0.1单元

Timeline Panel(时间轴面板)

Ctrl + E 开始

Ctrl + S 保存时间轴时间

Ctrl + O 加载时间轴数据