You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

macOS下能否通过单一快捷键直接打开Chrome DevTools命令菜单

macOS下能否通过单一快捷键直接打开Chrome DevTools命令菜单

当然可以!不过Chrome默认并没有提供这样的单键快捷方式,我们需要借助macOS的系统功能来实现这个需求,下面是两种靠谱的方法:

方法一:利用macOS自动操作(Automator)创建快速动作

  1. 打开「自动操作」应用,新建一个「快速动作」
  2. 在左侧的操作库中搜索「运行AppleScript」,并将其拖到右侧的工作流区域
  3. 替换默认的脚本内容为:
tell application "Google Chrome"
    activate
    tell front window's active tab
        execute javascript "document.dispatchEvent(new KeyboardEvent('keydown', {key:'i', metaKey:true, altKey:true})); setTimeout(function(){document.dispatchEvent(new KeyboardEvent('keydown', {key:'p', metaKey:true, shiftKey:true}));}, 100);"
    end tell
end tell
  1. 点击右上角的「运行」按钮测试一下,确认Chrome能正常打开DevTools并调出命令菜单
  2. 保存这个快速动作(比如命名为「Open Chrome DevTools Command Menu」)
  3. 打开「系统偏好设置」→「键盘」→「快捷键」→「服务」,找到刚才保存的快速动作,给它分配一个你喜欢的全局快捷键(比如Cmd+Opt+Shift+P

方法二:直接修改Chrome的快捷键设置(进阶)

如果你不想依赖系统工具,也可以通过修改Chrome的配置文件来实现:

  1. 关闭Chrome浏览器
  2. 打开「访达」,按Cmd+Shift+G,输入~/Library/Application Support/Google/Chrome/Default/,找到「Preferences」文件**(注意提前备份这个文件!)**
  3. 用文本编辑器打开该文件,搜索devtools相关的配置项,添加自定义的快捷键映射,将打开DevTools和触发命令菜单的动作绑定到同一个快捷键上
  4. 保存文件后重新启动Chrome即可生效

不过要提醒一下,第二种方法需要你对Chrome的配置结构有一定了解,而且Chrome更新后可能会覆盖这个配置,所以第一种方法更稳定可靠。

补充:如果你只是偶尔需要快速调出命令菜单,其实可以先按Cmd+Opt+I打开DevTools,再按Cmd+Shift+P,这个组合操作熟练之后,几乎和单快捷键一样顺手。

备注:内容来源于stack exchange,提问作者Sajad Torkamani

火山引擎 最新活动