AI编写chrome插件-URL转换器 ,可以将url按正则提取指定部分,再拼接为其他任意url,适用于根据url路由规则打开本地文件到vscode或cursor

URL转换器 Chrome插件

https://github.com/meetrize/url-path-converter

个用于将网页URL转换为本地文件URL的Chrome插件，支持 Cursor 和 VSCode 编辑器协议。

功能特性

• 🔧 配置页面：支持多个转换规则的配置
• 🎯 正则匹配：使用正则表达式提取URL中的路径部分
• 🔗 URL拼接：支持自定义URL模板，使用 {path} 占位符
• 🌐 Host匹配：仅对指定网站生效
• ⚡ 一键转换：点击插件按钮即可打开转换后的URL
• 📝 编辑器支持：支持 Cursor (cursor://) 和 VSCode (vscode://) 协议
• 🔒 协议处理：通过 popup 和 background 脚本处理协议打开
• 📤 导入导出：支持规则的批量导入导出，JSON格式存储
• 🔄 批量操作：支持追加和覆盖两种导入模式

安装方法

1. 下载或克隆此项目到本地
2. 打开Chrome浏览器，进入 chrome://extensions/
3. 开启右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择项目文件夹，插件即安装完成

使用说明

配置规则

1. 右键点击插件图标，选择"选项"
2. 在配置页面添加新规则：
   • 规则名称：给规则起个名字
   • 网站Host：如 wecom.urandata.net
   • 正则表达式：用于提取路径，如 /EgRaCwFrYV\.php\/(.+?)(?:\?|$)/
   • URL模板：使用 {path} 作为占位符，如 cursor://file/C:\pro\uran\www\public\assets\js\backend\{path}.js
3. 点击"保存配置"

导入导出功能

导出规则

1. 在配置页面点击"导出规则"按钮
2. 系统会自动下载包含所有规则和设置的JSON文件
3. 文件名格式：url_converter_rules_YYYY-MM-DD.json

导入规则

1. 在配置页面点击"导入规则"按钮
2. 选择之前导出的JSON文件
3. 选择导入模式：
   • 追加模式：将新规则添加到现有规则中
   • 覆盖模式：替换所有现有规则
4. 确认导入内容后点击"确认导入"

导入导出格式

{
  "version": "1.0",
  "exportDate": "2024-01-01T00:00:00.000Z",
  "rules": [
    {
      "id": "unique_id",
      "name": "规则名称",
      "host": "example.com",
      "regex": "正则表达式",
      "template": "URL模板",
      "enabled": true
    }
  ],
  "settings": {
    "autoOpenEditor": true
  }
}

 

全局设置

• 自动打开编辑器协议：启用后，cursor:// 和 vscode:// 协议将自动打开，无需每次确认

使用插件

1. 在配置的网站上访问任意页面
2. 点击插件图标
3. 如果匹配到规则，会显示转换后的URL
4. 点击"打开新URL"即可在新标签页中打开

示例

Cursor 编辑器示例

原始URL：

https://pro.company.com/KgHaBwPrMV.php/uran/taskscodc?ref=addtabs

 

正则表达式：

/KgHaBwPrMV\.php\/(.+?)(?:\?|$)/

 

提取结果：

com/mod/controller

 

URL模板：

cursor://file/C:\pro\com\www\public\assets\js\backend\{path}.js

 

最终URL：

cursor://file/C:\pro\com\www\public\assets\js\backend\com\mod\controller.js

 

VSCode 编辑器示例

URL模板：

vscode://file/C:\pro\com\www\public\assets\js\backend\{path}.js

 

最终URL：

vscode://file/C:\pro\com\www\public\assets\js\backend\com\mod\controller.js

 

文件结构

chrome_ext_opencodefromurl/
├── manifest.json          # 插件配置文件
├── options.html           # 配置页面
├── options.css            # 配置页面样式
├── options.js             # 配置页面逻辑
├── popup.html             # 插件弹窗
├── popup.js               # 弹窗逻辑
├── background.js          # 后台脚本
├── protocol_handler.html  # 协议处理页面
├── protocol_handler.js    # 协议处理脚本
├── icons/                 # 图标文件
│   ├── icon16.png
│   ├── icon48.png
│   ├── icon128.png
│   └── icon.svg
└── README.md              # 说明文档

 

技术说明

• 使用 Chrome Extension Manifest V3
• 支持多规则配置
• 使用 Chrome Storage API 保存配置
• 支持正则表达式匹配
• 响应式设计，支持移动端
• 支持 Cursor 和 VSCode 编辑器协议
• 通过 popup 和 background 脚本处理协议打开
• 符合 Chrome 扩展 CSP 安全策略

注意事项

• 正则表达式需要使用捕获组 () 来提取路径
• URL模板中的 {path} 会被提取的路径替换
• 插件仅在配置的Host网站上生效
• 建议在配置前先使用"测试"功能验证规则
• 编辑器协议需要相应的编辑器已安装并注册协议处理