1 Star 0 Fork 0

liangcheng/web-navigation-link-extractor

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

网页导航链接提取器

一个简单易用的浏览器扩展,用于自动提取网页导航链接,支持一键获取和选择性采集。

功能特点

  • 自动提取导航链接:一键快速提取当前页面的所有导航链接
  • 选择性提取:通过元素选择器手动选择特定区域的链接
  • 多种导出格式:支持JSON、CSV和HTML格式导出
  • 复制到剪贴板:直接复制提取结果到剪贴板
  • 链接筛选功能:快速筛选特定链接

安装方法

开发环境

  1. 克隆仓库:
git clone https://github.com/your-username/chrome-nav-links.git
cd chrome-nav-links
  1. 安装依赖:
npm install
  1. 启动开发服务器:
npm run dev
  1. 加载扩展:
    • Chrome: 打开 chrome://extensions/
    • 开启"开发者模式"
    • 点击"加载已解压的扩展程序"
    • 选择项目中的 .output/chrome-mv3/dev 目录

生产环境

  1. 构建扩展:
npm run build
  1. 扩展文件位于 .output/chrome-mv3/ 目录下

使用方法

  1. 点击浏览器工具栏中的扩展图标,打开扩展弹出窗口
  2. 选择提取方式:
    • 点击"自动提取链接"按钮自动识别并提取当前页面的导航链接
    • 点击"选择元素"按钮,然后在页面上选择包含链接的特定区域
  3. 查看提取结果,可以:
    • 搜索特定链接
    • 选择导出格式(JSON/CSV/HTML)
    • 导出到文件或复制到剪贴板

技术栈

  • WXT - 浏览器扩展开发框架
  • React - 用户界面库
  • TypeScript - 类型安全的JavaScript

贡献指南

欢迎提交问题报告和Pull请求!

许可证

MIT

空文件

简介

取消

发行版 (1)

全部
10天前

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/slcnx/web-navigation-link-extractor.git
git@gitee.com:slcnx/web-navigation-link-extractor.git
slcnx
web-navigation-link-extractor
web-navigation-link-extractor
master

搜索帮助