在 Firefox 插件的网页上突出显示电话号码

Question

我正在尝试使用 MDN 提供的文档开发 Firefox 插件。在示例 HTML 页面上测试时，我的正则表达式运行良好。但是，在开发附加组件时会出现问题。以下是我的代码，以名称 my-scripts.js 保存。

$("body:first").each(function(){
// Create a REGEX Expression to detetc a phone number
var regex =/\+\d{0,3}[-.\s]?\(?\d?\)?[-.\s]?\s?\d{1,4}[-.\s]?\d{1,9}[-.\s]?\d{5}/g;
var text = $(this).html();
text = text.replace(regex, "<a href=\"javascript:;\">$&</a>");
$("body:first").html(text);
});

以下是名为 main.js 的主要 Javascript 文件。

var pageMod = require("sdk/page-mod");
var { MatchPattern } = require("sdk/util/match-pattern");
var pattern = new MatchPattern("http://example.com/*");
var self = require("sdk/self");
pageMod.PageMod({
contentScriptFile: [self.data.url("jquery-1.11.0.js"), self.data.url("my-script.js")]
});

我的正则表达式很完美，但没有检测到给定网页上的数字

例子

+111111111111
+11 (1) 111 11 11111
+11 (1) 111 11-11111
+11 111 11 11111
+11 (1) 1111 111111111
+11111111111111
+11 1111 111111111

Answer 1

（低级）匹配模式 API 以构造函数中的include property 的形式内置到（高级）PageMod API 中。在 PageMod 文档中链接到 match-pattern 模块的唯一原因是让您了解匹配字符串的工作原理。

因此，如果要将您的插件应用于"http://example.com/*"，main.js 应如下所示：

var {data} = require("sdk/self");
var pageMod = require("sdk/page-mod");
pageMod.PageMod({
  include: "http://example.com/*",
  contentScriptFile: [data.url("jquery-1.11.0.js"), data.url("my-script.js")]
});

如果我误解了这一点（匹配模式行存在其他原因），并且您希望将正则表达式应用于每个页面，请使用 include: '*'。