🎩✨ 魔法师的失误与发现 那天，我在抖音上看到一个前端大佬玩弄tailwindcss的浏览器插件，心想：这玩意儿我也能变出来吗！于是我挥动魔杖，发现了plasmo这个神器，它让我用React就能变出一个浏览器插件。起初，这个项目叫findDiff，我梦想着做一个浏览器截图插件，像snipaste那样，让前端开发者能一目了然地看出页面效果和设计稿的差别。
🔮 魔药熬制失败记 我施法啊施法，搜寻啊搜寻，结果发现浏览器插件这条路不太好走。我没法像软件那样在不同网页间共享截图，切换网页后，插入body的截图就消失了，这似乎没意义…
🧙♂️ 巫师的试错之旅 我尝试了各种咒语，比如用iframe嵌入截图，但截图的iframe拖不动，也没法在iframe里拖动，这个方法也失败了。或者把截图存本地？结果还是一场空。
📣 向所有巫师和巫女发出挑战 有想法的小伙伴们，不妨试试，如果你们成功了，记得告诉我哦！😊
🎉 转变思路，甜蜜的蜂巢诞生 最后，我放弃了原先的想法，于是就有了Atom Honeycomb！
Atom Honeycomb#
介绍#
想象一下，有一个小工具能让你在浏览器里像蜜蜂一样快速穿梭于各种网页，找到你需要的信息。这就是Atom Honeycomb，一个基于plasmo的浏览器扩展，它能让你以光速访问和搜索网页内容，支持任何通过URL中GET参数搜索的网站，并且还提供了诸如：截图、JSON数据美化、图片压缩等实用功能。
为什么叫 Atom Honeycomb#
选择这个名字是因为蜂巢不仅结构精巧，而且效率极高。就像我们的Atom Honeycomb扩展一样，简洁、高效，而且蜜蜂是勤劳的象征，正如我们这些勤劳的开发者一样，不停地在信息的花海中采集知识的花蜜
安装1#
- 🛍️ 点击这里 直达扩展商店。
- 🔨 点击
Add to Chrome按钮，让Atom Honeycomb成为你的新伙伴。
安装2#
- 🔍 打开这里，找到
Atom Honeycomb的家。 - 📎 点击
Code按钮，然后选择Download ZIP。 - 📂 解压文件，用vscode打开，运行
pnpm install安装依赖，再运行pnpm build构建项目。 - 🛠️ 打开
更多工具->扩展程序。 - 🎛️ 打开
开发者模式。 - 📚 点击
加载已解压的扩展程序，选择Atom Honeycomb-->build-->chrome-mv3-prod文件夹。
功能/亮点清单#
| 功能/亮点 | 描述 |
|---|---|
| 快捷搜索 | 在搜索框中输入关键字，选择搜索目标，点击搜索按钮或回车。 |
| 划词搜索 | 选中网页任何字段，右键选择atom-honeycomb，点击search，即可搜索对应内容 |
| 区域截图 | 快速截取网页区域，截图内容自动填充到剪切板。 |
| json数据美化 | 将 JSON 数据漂亮地打印到 HTML 中以进行缩进和着色。 |
| 图片压缩 | 智能有损压缩，支持PNG、JPEG、GIF、WEBP等格式 |
| 图片格式转换 | 支持PNG、JPEG、WEBP图片格式互转 |
| githubDev | 一键打开GitHub页面，在VSCode中查看源码。 |
| 刷新 | 强制刷新当前页面，清除本地存储，确保最新内容。 |
| 添加/删除预设 | 添加/删除你常用的搜索网站，一键直达。 |
| 掘金，csdn等网站解除外链限制 | 解除网站外链访问限制，自由访问相关内容。 |
| 右键操作菜单 | 将功能集成到右键菜单，方便快速操作。 |
| scdn自动展开内容不需要点击关注 | 自动展开内容，无需点击关注即可查看。 |
| 点亮徽标 | 快速打开插件、截图、刷新页面。 |
右键操作菜单#
| 功能/亮点 | 描述 |
|---|---|
| open | 快速打开插件，开始你的搜索之旅。 |
| search | 快捷搜索 |
| refresh | 强制刷新当前页面，清除本地存储，确保最新内容。 |
| githubDev | 一键打开GitHub页面，查看源码，优化你的代码审查流程 |
| jsonFormatter | json数据美化 |
| compressHero | 智能有损压缩 |
快捷键#
| 功能/亮点 | 描述 |
|---|---|
| 🚀 Alt + J | 快速打开json数据美化。 |
| Alt + A | 快速截取网页区域，截图内容自动填充到剪切板。 |
| Alt + C | 智能有损压缩，支持PNG、JPEG、GIF、WEBP等格式 |
| Alt + G | 一键打开GitHub页面，查看源码，优化你的代码审查流程 |
导入预设#
- 🖹 点击
设置预设按钮，弹出预设窗口。 - 📥 点击
一键导入预设按钮，里面预设了一些常用的搜索网站，让你的搜索更快捷。
添加预设#
- 🖹 点击
设置预设按钮，弹出预设窗口。 - 📝 点击
添加预设按钮，在弹出的窗口中填写名称、url前缀和url后缀，定制你的搜索体验。
删除预设#
- 🖹 点击
删除预设按钮，弹出删除预设窗口。 - 🗑️ 点击按钮，删除你不再需要的搜索网站。
搜索#
- 🔍 在搜索框中输入关键字，点击
搜索按钮或回车，浏览器就会打开搜索结果页面。
区域截图#
- 📷 点击
区域截图按钮，浏览器中打开截图工具，截图完成后，点击✅按钮，截图内容会自动填充到剪切板。
github 一键打开网页vscode查看源码#
- 📦 点击
githubDev按钮，或使用快捷键ALT+G，浏览器会自动打开vscode，并打开对应的github仓库，让你更方便地查看源码。
json数据美化#
- 📦 点击
jsonFormatter按钮，或使用快捷键ALT+J，浏览器会自动打开jsonFormatter，输入框输入对应的json数据，让你更方便地查看数据。
智能有损压缩#
- 📦 点击
compressHero按钮，或使用快捷键ALT+C，浏览器会自动打开compressHero，点击或拖动对应的图片数据，让你更方便地压缩图片。
预览弹窗#
压缩后对比#
图片格式转换#
解除外链限制#
- 打开预设的网站，右上角徽标点亮，会自动解除外链限制，让你自由访问相关内容。
预设网站 【csdn ，掘金 ，知乎 ，简书，开源中国，码云】#
无需恶心的关注#
- 📦 打开CSDN，右上角徽标点亮，会自动展开内容，无需点击关注即可查看。
右键操作菜单#
强制刷新当前页面#
- 🔄 点击
刷新按钮，浏览器会清除当前网页本地『localStorage、sessionStorage、cookie』，强制刷新当前页面，让你看到最新的页面内容。
注意#
- 📚 本项目仅用于学习交流，别用它做坏事哦。
- 🔍 本项目不提供搜索结果，只提供搜索链接。
- 🌐 搜索结果来自互联网，我们不保证搜索结果的准确性。
贡献#
- 👨💻 欢迎提交
issue、pull request、star、fork，让Atom Honeycomb变得更好。 - 💡 有新点子？提交
issue，让我们一起讨论。
联系#
- 📧 邮箱：2188817393@qq.com
- 🌐 github：LinHan 有问题？有想法？来找我聊聊吧！
