有没有办法将浏览器中出现的工具提示消息复制到剪贴板？

Question

这不是我编写的代码。否则我会使用 CSS、JavaScript 或 Internet Explorer 8 加速器来满足我的需求。

另外，我正在寻找我的最终用户（非技术人员）可以使用的东西。因此 viewsource 等不会有帮助。

Answer 1

打开页面源代码，找到元素，复制title属性。假设该属性未使用 JavaScript 设置。

如果您使用的是 Firefox，请安装 Firebug 并使用元素选择器选择要复制带有工具提示的元素，然后title从显示的 DOM 树中复制属性。即使使用 JavaScript 设置属性，此方法也能正常工作。

Answer 2

在 Chrome 中：

1. 加载网页
2. 打开 Chrome DevTools...Ctrl+Shift+I（Windows）或Cmd+Opt+I（Mac）
3. 在网页上：
   • 显示工具提示（通常将鼠标悬停在页面的某个部分上）
   • 在工具提示可见时单击鼠标右键，但不要从上下文菜单中选择任何项目（以确保工具提示在步骤 4 中保持可见）
4. 在 Chrome DevTools 中：
   • 单击“元素”选项卡，将焦点移至“元素”面板
   • Crtl+F 在“元素”面板中搜索
   • 在搜索框中输入工具提示文本的前几个单词……现在搜索字符串应该在“元素”面板中突出显示
   • 单击包含工具提示文本的元素
   • 右键单击选定的元素
   • 从内容菜单中，选择“复制”->“复制元素”

完成...整个工具提示文本现在将在剪贴板上。

在 Chrome 54.0.2840.99 m 中测试。

Answer 3

不是直接从工具提示。

但只要你愿意付出一点努力，总有办法得到这些东西：

• 右键单击页面并选择浏览器的“查看源代码”功能。假设没有恶意的 JavaScript 代码阻止访问源代码，并且工具提示不是通过 Ajax 请求提取的，您现在应该能够研究页面的源代码并在您看到的 HTML 和 JavaScript 内容中找到您的文本。
• 或者，使用类似的调试器萤火虫可以检查活动的DOM让页面在可以直接复制的地方找到工具提示文本。

Answer 4

Babak 的评论很重要。就目前情况而言，听起来你并没有真正编写任何代码或开发任何应用程序；你只是想将一些内容从浏览器复制到剪贴板。

假设这就是您要尝试执行的操作，那么工具提示可能位于 HTML 代码中。显式文本可以放置在 HTML 中，大多数浏览器在鼠标悬停时会将其呈现为工具提示（例如标签alt上的属性img）。如果您要复制到剪贴板的工具提示是 HTML 内容的一部分，那么您可以在浏览器中查看源代码并从那里复制它。

一些浏览器具有更现代的调试和检查工具，允许您右键单击元素本身并直接转到源中的该点。