• 谷歌浏览器调试快捷键


    快捷键大全

    快捷键有这么以下几大类..且看我一一道来~~~注: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:加载时间轴数据

    快捷键大全

    快捷键有这么以下几大类..且看我一一道来~~~注: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:加载时间轴数据
  • 相关阅读:
    【转载】为什么CPU有多层缓存
    【转载】二叉树的基本概念和实现
    【转载】如何系统地自学 Python?
    【原文】前端程序员必须知道的高性能Javascript知识
    【转载】重磅!中国人工智能/机器人/无人机创业公司100 | 智能内参
    【转载】分析重装系统也无法清除的鬼影病毒
    【转载】UML类图知识整理
    【转载】.NET程序员走向高端必读书单汇总
    【转载】齐次坐标的理解
    59. Spiral Matrix II
  • 原文地址:https://www.cnblogs.com/lishanyang/p/7767135.html
Copyright © 2020-2023  润新知