javascript - 如何使用 jQuery 在页面内定位字符串/电子邮件地址

Question

我正在尝试制作一个脚本，该脚本将在整个网页中搜索以@xyz.com 结尾的电子邮件地址。例如:

$(document).ready(function() {
    $("body:contains('@xyz.com')")
       .css("text-decoration","underline");
  /*$("*:contains('@xyz.com')")
       .css("text-decoration","underline"); doesn't work either */
    I figured contents(); wouldn't be a better choice over contains(); ... 
});

出于某种原因，它似乎无法检测到我在页面段落中硬编码到页面中的任何电子邮件地址。

我无法将选择器绑定(bind)到特定的div，因为该脚本将在不同的网页上运行，因此无法控制电子邮件地址显示在哪个元素中。但是...即使我设法解决了这个问题，我还有另一个问题需要处理......

网页上的电子邮件地址都是随机的，但都以@xyz.com 结尾。因此，我还必须选择 @ 符号左侧的任何内容，直到它检测到字符之间的空格。

我只能找到如何从列表中检测电子邮件或在表单上进行验证等的解决方案。

我怎样才能实现这个目标？

Answer 1

问题是你的脚本运行在后台页面，而不是页面中。后台页面无法直接访问chrome加载的页面的DOM。

要执行您想要的操作，请查找内容脚本。这允许您将脚本注入(inject)给定页面(如 Chrome 事件选项卡中加载的页面)。该脚本可以对 DOM 执行操作，并通过 chrome 的 Messaging API 与后台页面进行通信。

Here more informations