Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lecepin/crx-url-tool
网址小尾巴管理工具
https://github.com/lecepin/crx-url-tool
chrome-extension crx query url
Last synced: about 1 month ago
JSON representation
网址小尾巴管理工具
- Host: GitHub
- URL: https://github.com/lecepin/crx-url-tool
- Owner: lecepin
- Created: 2022-01-08T12:25:39.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-08T12:41:40.000Z (almost 3 years ago)
- Last Synced: 2024-08-03T20:05:31.625Z (5 months ago)
- Topics: chrome-extension, crx, query, url
- Language: JavaScript
- Homepage: https://chrome.google.com/webstore/detail/%E7%BD%91%E5%9D%80%E5%8F%82%E6%95%B0/maimchndejhjkbgkodinoggclbbbeenh
- Size: 18.6 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-tools-site - 地址
README
# 网址小尾巴终结者
Chrome 商店:插件地址
---
在我们日常的开发调试中,会在 URL 上添加一些特殊的小尾巴 用来显示调试界面或者开启一些特殊功能,当你接触了越来越多的系统后,你需要使用的小尾巴就变得越来越多,记忆和使用成本非常大,以及含有小尾巴的网址 在跳来跳去的过程中小尾巴可能丢失等问题,迫切需要解决。
于是做了下面的小工具,如下图所示:
详细文档:[请点击此处](https://blog.csdn.net/lecepin/article/details/112435516)
---
### 匹配实现
匹配实现代码如下:
```js
urlMatch == window.location.host || window.location.href.indexOf(urlMatch) == 0;// 例如:
// 当前网址 https://github.com/lecepin
// 工具中的 URL:
// ✅ github.com // urlMatch == window.location.host
// ✅ https://github // window.location.href.indexOf(urlMatch) == 0
```应该可以解决你使用中的疑惑。
当匹配到当前网址时,会判断有没有配置的 query,如果有 则不做任何处理,如果没有 则拼接 URL,并重新加载页面。
![image](https://user-images.githubusercontent.com/11046969/148644494-c30bc212-f966-4010-89d0-1012a5354a6d.png)
### 配置结构
界面上的配置,底层存储结构如下:
```ts
type Config = Array<{
enable: Boolean;
urlMatch: String;
querys: Array<{
key: String;
value: String;
}>;
}>;
```示例:
```json
[
{
"enable": false,
"querys": [
{
"key": "__superModel"
}
],
"urlMatch": "https://github.com/lecepin"
},
{
"enable": true,
"querys": [
{
"key": "__lp_logger_level",
"value": "log"
}
],
"urlMatch": "myweb.com"
}
]
```