如何复制元素悬停触发的工具提示文本(含DevTools检查提示)
解决DevTools检查工具提示被截断、无法复制文本的方法
- 调整DevTools停靠位置:点击DevTools右上角的三点图标,在「停靠侧」选项中切换停靠方向,或选择独立窗口模式,避开工具提示被截断的屏幕边缘,无需修改页面viewport即可完整展示提示内容。
- 直接查看Computed标签的计算数值:选中目标元素后切换到Elements面板的Computed子标签,这里会列出元素所有实际渲染的尺寸值,包括width、height设为auto时对应的真实渲染宽高,所有数值可直接选中复制,不需要依赖工具提示。
- 全局冻结DevTools UI:先将鼠标悬浮到目标元素上呼出需要的工具提示,立刻按下
Ctrl + \(Windows/Linux)或Cmd + \(Mac)触发全局调试暂停,此时DevTools自身的UI更新会被冻结,工具提示会固定在当前位置,你可以直接选中文本进行复制。
内容的提问来源于stack exchange,提问作者grem
相关产品推荐
相关产品推荐

