时间戳

首页 > 解决方案 > 如何检测浏览器中的特定 url 并在 Javascript 中获取 html 页面关联？

javascript - 如何检测浏览器中的特定 url 并在 Javascript 中获取 html 页面关联？

问题描述

我需要修改一个html页面javascript（填写一个字段）。我有一个特定的 url，但我不知道当浏览器位于正确的 url 上时如何收听并获取html代码关联。

我使用 webextension 来做，所以javascript必须在 web 浏览器中检查 url 并html从这里获取。

感谢你们对我的帮助

标签： javascripthtmlfirefox-addon-webextensions

解决方案

当我在 Google 中输入firefox 扩展教程时，第一个点击是来自 MDN 的教程。非常接近它的顶部是有这个代码示例：

现在直接在“borderify”目录下创建一个名为“manifest.json”的新文件。给它以下内容：

{

  "manifest_version": 2,
  "name": "Borderify",
  "version": "1.0",

  "description": "Adds a red border to all webpages matching mozilla.org.",

  "icons": {
    "48": "icons/border-48.png"
  },

  "content_scripts": [
    {
      "matches": ["*://*.mozilla.org/*"],
      "js": ["borderify.js"]
    }
  ]

}

并说

这里最有趣的键是 content_scripts，它告诉 Firefox 将脚本加载到 URL 与特定模式匹配的网页中。在这种情况下，我们要求 Firefox 将名为“borderify.js”的脚本加载到从“mozilla.org”或其任何子域提供的所有 HTTP 或 HTTPS 页面中。

因此，在您的清单中，更改"*://*.mozilla.org/*"为与您要运行脚本的页面相匹配的内容。

内容脚本 ( "borderify.js") 应该能够使用标准方法访问该页面的 DOM，例如querySelector.

推荐阅读