Chrome DevTools Elements面板如何启用Cmd+C/V复制粘贴快捷键?
Mac版DevTools Elements面板
Cmd+C/Cmd+V复制元素功能说明 完全可以实现和Windows一致的元素复制粘贴效果,该功能默认开启,不需要额外安装插件或修改隐藏配置,失效时按以下方式排查即可:
- 确认选中状态:必须点击Elements面板内的DOM节点行,等整行出现蓝色选中高亮时,按
Cmd+C才会触发「复制元素」逻辑,和右键菜单Copy>>Copy Element的效果完全相同;如果只是通过页面点选触发了元素的浮层高亮、或是双击进入了节点属性/文本的编辑状态,快捷键只会复制选中的文本,不会复制完整DOM节点 - 检查快捷键绑定:如果选中节点后快捷键无响应,在DevTools窗口聚焦时按
F1(或Fn+F1)唤起设置面板,进入「Shortcuts」板块,确认复制、粘贴操作的快捷键没有被自定义修改,恢复默认绑定即可正常使用 - 粘贴操作逻辑和Windows完全一致:复制元素后选中目标DOM节点,按
Cmd+V会将复制的节点作为当前选中节点的最后一个子元素插入;如果需要粘贴替换现有节点,先选中要被替换的节点再执行粘贴即可
补充:Safari的Web检查器也支持相同的快捷键逻辑,只要确保选中DOM树中的整行节点即可,不需要切换到「Edit as HTML」模式。
内容的提问来源于stack exchange,提问作者Sam Stevenson
相关产品推荐
相关产品推荐

