Chrome调试折腾记_(1)调试控制中心快捷键详解!!!
2024-10-09 01:49:31
-
大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道;
或者直接
Ctrl> + Shift + J: 直接进入console面板
点击第一张截图圈圈那个进入,看到Shortcuts这个就是了….快捷键大全
快捷键大全
快捷键有这么以下几大类..且看我一一道来~~~注: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:加载时间轴数据
总结
Chrome 的debugger和style pane的快捷键和Firefox下的firebug大同小异; 就是chrome的丰富些;
写完这篇文章…没必要所有都去记忆,常用的就那么八九个;其他的鼠标点点就好了…当然,能记下来最好,
毕竟快捷键还是比鼠标高效的~~~ 翻译不容易,且记且珍惜!!
最新文章
- 关于tkCommand的各种事件的解释
- 指针与数组的区别 —— 《C语言深度剖析》读书心得
- JavaScript的学习5
- SQL*Loader之CASE5
- T-SQL 查询出某个列总值大于X的数据
- mysql 定义自增
- 项目打包文件build.xml
- 使用sql语句查询日期在一定时间内的数据
- extern ";C"; 和 DEF 文件.
- [ActionScript 3.0] AS3.0 获取文本的明暗度
- (7)nehe教程1 创建一个OpenGL窗口:
- MySQL中部分系统变量介绍
- Oracle开发专题之:%TYPE 和 %ROWTYPE
- __cdecl、__stdcall、__fastcall、thiscall 进栈、出栈区别
- 关于附件控件隐藏后,在IE下不能上传,报“拒绝访问”
- 前端资讯周报 2.27 - 3.5: 如何设计一个优秀的HTML接口,深入理解line-height
- android在一个应用程序员启动另一个程序
- 【BZOJ2882】工艺(后缀数组)
- [TJOI2015]旅游
- Linux命令:dirs
热门文章
- Intellij IDEA热加载更新 IntelliJ IDEA热加载自动更新(Update classes and resources )
- Mybatis(四)关联映射
- 在使用ajax实现三级联动调用数据库数据并通过调出的数据进行二级表单查询
- 求知的木头 Cannot load browser ";PhantomJS";: it is not registered! Perhaps you are missing some plugin? 测试安装遇到的BUG
- Python中的列表操作
- Mysql实现企业级数据库主从复制架构实战
- Spring Data 整合 ElasticSearch搜索服务器
- 一个PHP高性能、多并发、restful的工具库(基于multi_curl)
- Mysql主从原理
- php结合redis实现秒杀功能