[开源] CopyRef - 一键复制标签页地址（Markdown）浏览器扩展，使用 WXT、TailwindCSS、Shadcn-Vue 实现。

CopyRef 是一款开源的浏览器扩展工具，旨在帮助你快速复制当前标签页的 URL ，并以 Markdown 格式生成引用链接，方便在笔记、文档和博客中使用。

背景

在做笔记的时候，经常会引用一些页面的地址，之前也在网上用过类似的一些扩展，没有我想要的效果，如下这些原因：

功能较多
UI 简陋
侵入内容
不开源
不支持富文本/编辑器，比如复制的是纯文本的 MD 格式，不会自动转换成 Link

同时为了学习 WXT 等一些框架，所以我花了一点时间来实现这个工具，如果你正在学习 WXT 、Tailwind CSS 、Shadcn-Vue ，那这个项目可能会给你带来少许帮助，因为 Commit 我按步骤来一步一步提交。

安装地址

Chrome Web Store

GitHub

理论还支持 Firefox 和 Edge ，可以自行编译。

功能特点

快速复制：一键获取当前标签页 URL 。
Markdown 格式支持：自动生成 [标题](URL) 格式的链接，方便在笔记、文档和博客中使用。
轻量高效：扩展小巧，加载快速，无侵入页面内容。
开源安全：插件代码完全开源，可自行下载安装。

项目组件

WXT - 浏览器扩展框架
Tailwind CSS - 高效的样式工具
Shadcn for Vue - UI 组件库

simonmao

24 天前

@kytrun 这种方案考虑过，对于我来说存在几个问题：

1. 还需要完善，因为复制到富文本变纯文本（例如苹果备忘录）；
```
javascript: (async () => { let t = document.title, u = location.href, h = `<a href="${u}">${t}</a>`, m = `[${t}](${u})`; try { await navigator.clipboard.write([new ClipboardItem({ "text/html": new Blob([h], { type: "text/html" }), "text/plain": new Blob([m], { type: "text/plain" }) })]) } catch (e) { await navigator.clipboard.writeText(m) } })();
```
2. 不支持快捷键
3. 如果书签栏隐藏，无法执行

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1154161