📌  相关文章
📜  内容脚本匹配所有 (1)

📅  最后修改于: 2023-12-03 14:50:08.640000             🧑  作者: Mango

内容脚本匹配所有

内容脚本是浏览器扩展中常用的一种脚本,在特定的网站上运行且能够与页面交互。内容脚本可以通过匹配网址等方式定位到特定的网页中,并对页面进行操作,比如添加或删除元素、修改样式等。

在编写内容脚本时,匹配网址是一个重要的概念。匹配网址可以使用正则表达式、通配符、字符串等多种方法,保证内容脚本只在目标网页上运行。本文将介绍如何使用正则表达式匹配所有网址,以便在 content_scripts 中使用。

"content_scripts": [
  {
    "matches": ["<all_urls>"],
    "js": ["content_script.js"]
  }
]

在以上代码中,匹配模式为所有网址。这会导致内容脚本在访问任何网页时都会运行。如果你只想在特定网页上运行脚本,可以将 matches 中的参数改为需要匹配的网址正则表达式。

例如,假设你只想在所有 Google 搜索结果页面上运行脚本,可以使用以下代码:

"content_scripts": [
  {
    "matches": ["https://www.google.com/search*"],
    "js": ["content_script.js"]
  }
]

以上代码中,匹配模式为 Google 搜索结果页面的 URL,包括任意查询参数(通配符 * 表示匹配零个或多个任意字符)。

注意,URL 通常是包含协议、主机和路径的完整字符串,如 https://www.example.com/path/to/page.html,而且匹配模式区分大小写。

返回的代码片段:

"content_scripts": [
  {
    "matches": ["<all_urls>"],
    "js": ["content_script.js"]
  }
]
"content_scripts": [
  {
    "matches": ["https://www.google.com/search*"],
    "js": ["content_script.js"]
  }
]

以上内容可供参考编写内容脚本,并为扩展程序添加更多的功能。