Henry Henry
  • JavaScript
  • TypeScript
  • Vue
  • ElementUI
  • React
  • HTML
  • CSS
  • 技术文档
  • GitHub 技巧
  • Nodejs
  • Chrome
  • VSCode
  • Other
  • Mac
  • Windows
  • Linux
  • Vim
  • VSCode
  • Chrome
  • iTerm
  • Mac
  • Obsidian
  • lazygit
  • Vim 技巧
  • 分类
  • 标签
  • 归档
  • 网站
  • 资源
  • Vue 资源
GitHub (opens new window)

Henry

小学生中的前端大佬
  • JavaScript
  • TypeScript
  • Vue
  • ElementUI
  • React
  • HTML
  • CSS
  • 技术文档
  • GitHub 技巧
  • Nodejs
  • Chrome
  • VSCode
  • Other
  • Mac
  • Windows
  • Linux
  • Vim
  • VSCode
  • Chrome
  • iTerm
  • Mac
  • Obsidian
  • lazygit
  • Vim 技巧
  • 分类
  • 标签
  • 归档
  • 网站
  • 资源
  • Vue 资源
GitHub (opens new window)
  • 说明
  • Vim

  • VSCode

  • Chrome

    • chrome-说明
    • chrome-01-初识 Vimium C 和 Surfingkeys
    • chrome-02-页面内的操作
    • chrome-复习 -1
    • chrome-03-搜索与查找
    • chrome-04-标签
    • chrome-05-标记等
    • chrome-06-devTools 高频操作
      • 任务点
        • 打开/关闭开发者工具
        • 打开 elements 控制台并默认打开选择元素按钮
        • 打开 console 控制台
        • 切换控制台
        • 在其他控制台打开 console 控制台
        • 清空 console 控制台
        • 搜索文件
        • 搜索命令
        • 采用 vscode 的快捷键方式
    • chrome-复习 -2
    • chrome-07-debug
  • iTerm

  • mac

  • Obsidian

  • lazygit

  • 学习双拼
  • Vim 技巧

  • 键盘侠
  • Chrome
Henry
2022-07-15
目录

chrome-06-devTools 高频操作

# 任务点

# 打开/关闭开发者工具

  • Mac: cmd + opt + i
  • Windows: ctrl + shift + i

# 打开 elements 控制台并默认打开选择元素按钮

  • Mac: cmd + opt + c
  • cmd + shift + c: 不仅可以打开控制台,再按还可以切换是否选择元素
  • cmd + shift + m: 切换设备(web/app)

# 打开 console 控制台

  • Mac: cmd + opt + j
  • Windows: ctrl + shift + j

# 切换控制台

  • cmd + [/]

# 在其他控制台打开 console 控制台

  • ctrl + `
  • esc: 打开/关闭

# 清空 console 控制台

  • cmd + k
  • ctrl + l

# 搜索文件

  • cmd + p

# 搜索命令

  • cmd + shift + p

# 采用 vscode 的快捷键方式

cmd + opt + i 打开控制台,使用 F1 打开设置页面,切换到 Shortcuts,在 Match shortcuts from preset 设置为 VSCode 即可

设置好以后,F1 就变成搜索命令了,打开设置页面的快捷键是 cmd + ,

当然可以使用 cmd + k cmd + s 快速打开 Shortcuts

编辑 (opens new window)
上次更新: 5/27/2023, 1:02:05 PM
chrome-05-标记等
chrome-复习 -2

← chrome-05-标记等 chrome-复习 -2→

最近更新
01
version 1.15
07-01
02
version 1.14
06-27
03
version 1.13
06-27
更多文章>
Theme by Vdoing | Copyright © 2017-2023 HenryTSZ | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式