Google 翻译扩展程序如何在突出显示文本时使其图标图像可见？
How does the Google Translate extension make its icon image visible when text is highlighted?
我正在尝试弄清楚如何在选择文本时显示图标图像，就像 Google 翻译扩展程序那样。我在 Google 和 SO 上尝试了“出现图标图像”、“选择文本”和“Google 翻译扩展名”的各种组合，但没有成功。对 Google Translate 如何进行的一般描述（无需代码！）会有很长的路要走，因为我认为我没有很好地用技术术语描述我想做的事情。
这需要针对特定需求进行研究并尝试实施。你尝试过什么吗？
我会接近 checking/detecting 是通过 Javascript 选择的文本。在 CSS 中，我们有图标图像的“::selection" property that indicates if a text is selected. Either look for this or with keyup, mouseup events set the "display" and "position” 属性。
Google 可能在其产品中有自己的方式来完成这些，考虑到这是一项要求，我已经为您提供了一种我会在上面采用的方法。
在您的浏览器中安装 Google 翻译扩展，检查并检查您的开发者工具 -> 来源 -> 内容脚本以浏览扩展脚本。
Pretty-Print 以查看可读代码。
我正在尝试弄清楚如何在选择文本时显示图标图像，就像 Google 翻译扩展程序那样。我在 Google 和 SO 上尝试了“出现图标图像”、“选择文本”和“Google 翻译扩展名”的各种组合，但没有成功。对 Google Translate 如何进行的一般描述（无需代码！）会有很长的路要走，因为我认为我没有很好地用技术术语描述我想做的事情。
这需要针对特定需求进行研究并尝试实施。你尝试过什么吗？
我会接近 checking/detecting 是通过 Javascript 选择的文本。在 CSS 中，我们有图标图像的“::selection" property that indicates if a text is selected. Either look for this or with keyup, mouseup events set the "display" and "position” 属性。
Google 可能在其产品中有自己的方式来完成这些，考虑到这是一项要求，我已经为您提供了一种我会在上面采用的方法。
在您的浏览器中安装 Google 翻译扩展，检查并检查您的开发者工具 -> 来源 -> 内容脚本以浏览扩展脚本。
Pretty-Print 以查看可读代码。