Chrome 插件匹配模式(Match patterns)规则

匹配模式(Match patterns

一、匹配模式结构

匹配模式是采用以下结构的网址,用于指定一组网址:

shell 复制代码
<scheme>://<host>/<path>

1. scheme

必须是以下内容之一,并使用双斜线 (//) 与格式的其余部分分隔开:

  • http
  • https
  • 通配符 *,仅与 httphttps 匹配
  • file

2. host

主机名 (www.example.com)。

  • 主机名前的 *(用于匹配子网域 (*.example.com)),或仅使用通配符 *
  • 如果在主机模式中使用通配符,它必须是第一个或唯一字符,并且后面必须跟一个句点 (.) 或正斜杠 (/)。

3. path

网址路径 (/example)。

  • 对于主机权限,必须提供路径,但该路径会被忽略。按照惯例,应使用通配符 (/*)。

二、特殊匹配

1. "<all_urls>"

  • 匹配以允许方案开头的所有网址,包括有效格式下列出的任何格式。由于会影响所有主机,因此在 Chrome 应用商店中审核使用它的扩展程序可能需要更长时间

2. "file:///"

  • 允许扩展程序在本地文件上运行。此模式要求用户手动授予访问权限。请注意,该情况需要三个斜杠,而不是两个。

3. 本地主机网址和 IP 地址

  • 如需在开发期间匹配任何 localhost 端口,请使用 http://localhost/*。对于 IP 地址,请在路径中指定地址并添加通配符,例如 http://127.0.0.1/*。还可以使用 http://*:*/* 来匹配 localhost、IP 地址和任何端口。

4. 顶级网域匹配模式(Top Level domain

  • Chrome 不支持顶级域名 (TLD) 的匹配格式。在各个 TLD 中指定匹配模式,例如 http://google.es/*http://google.fr/*

三、使用场景

扩展程序可在多种使用场景中使用匹配模式,包括:

四、示例

  • https://*/*https://*/
    • 匹配使用 https 架构的所有网址。
  • https://*/foo*
    • 匹配任意主机上使用 https 架构且路径以 foo 开头的任何网址。匹配示例包括 https://example.com/foo/bar.htmlhttps://www.google.com/foo
  • https://*.google.com/foo*bar
    • 匹配 google.com 主机上使用 https 架构且路径以 foo 开头、以 bar 结尾的任何网址。匹配示例包括 https://www.google.com/foo/baz/barhttps://docs.google.com/foobar
  • file:///foo*
    • 匹配路径以 foo 开头的所有本地文件。匹配示例包括 file:///foo/bar.htmlfile:///foo
  • http://127.0.0.1/*http://127.0.0.1/
    • 匹配主机 127.0.0.1 上使用 http 架构的所有网址。匹配示例包括 http://127.0.0.1/http://127.0.0.1/foo/bar.html
  • http://localhost/*
    • 匹配任何 localhost 端口。
  • *://mail.google.com/*://mail.google.com/*
    • 匹配以 http://mail.google.comhttps://mail.google.com 开头的所有网址。

引用

相关推荐
华玥作者1 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_2 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠2 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang201509282 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC3 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务3 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整4 小时前
面试点(网络层面)
前端·网络
VT.馒头4 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy5 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07076 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js