首页 >

电脑浏览器按哪几个键可以调试网页 – CSS – 前端,mui js 给对象增加css

css 盖章,css定义数字,css中浮动清楚,网页设计css教程epub,css给标签增加属性,在css中style中加图片,mui js 给对象增加css电脑浏览器按哪几个键可以调试网页 - CSS - 前端,mui js 给对象增加css

谷歌浏览器

快捷键大全

快捷键有这么以下几大类..

注:All pane是全局快捷键

Console()

Ctrl + L : 清除控制台消息

Tab : 自动完成通用常缀

→: 接受建议

Ctrl + U: 清除console的提示!!(实操查看源代码!!)

↓ / ↑ :选中下一行/上一行

Enter: 执行代码或者命令

Debugger(调试面板)

F8 or Ctrl + \: 暂停/继续

F10 or Ctrl + ‘: 单步执行

F11 or Ctrl +;: 单步进入

Shift + F11 or Ctrl + Shift+;: 单步退出

Ctrl +./Ctrl+, : 上一帧/下一帧(译为框架怪怪的)

Ctrl +Shift+E: 被选中代码在控制台中打印出console信息(非常实用)

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

Ctrl + B: 打断点/取消断点(很实用)

Text Editor(文本编辑器)

Ctrl + Shift+P : 跳转到某个成员(不知鸟用)

Ctrl + Space: 自动完成

Ctrl + G : 跳转到某行

Ctrl + Shift + E

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单元

PageUporShift + ↑:增加CSS度量单位->10单元

PageDownorShift + ↓:减少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:加载时间轴数据


电脑浏览器按哪几个键可以调试网页 - CSS - 前端,mui js 给对象增加css
  • microsoft字幕怎么设置 - CSS - 前端,divcss教学
  • microsoft字幕怎么设置 - CSS - 前端,divcss教学 | microsoft字幕怎么设置 - CSS - 前端,divcss教学 ...

    电脑浏览器按哪几个键可以调试网页 - CSS - 前端,mui js 给对象增加css
  • css中图片对齐 |html css最小宽度
  • css中图片对齐 |html css最小宽度 | css中图片对齐 |html css最小宽度 ...

    电脑浏览器按哪几个键可以调试网页 - CSS - 前端,mui js 给对象增加css
  • css中图片对齐的方式 |文字加投影css
  • css中图片对齐的方式 |文字加投影css | css中图片对齐的方式 |文字加投影css ...