功能简介
- 在浏览器中调出utools超级面板,即可弹出收藏面板
- 任意文档中选中文本链接+utools超级面板,即可弹出收藏面板
- 可不显示收藏面板,直接收藏
- 自抓取网页标题,关键词,网站描述和图标
- 可以结合油猴脚本实现预采集,解决对防盗网站内容无法采集问题
- 支持切换不同的收藏夹,把不同内容收藏进不同数据库
- 思源网址收藏夹可通过分组,卡片,排序,筛选,搜索等功能对收藏筛选显示等
- 魔改收藏夹数据库的添加链接操作,可自动获取链接所在网站图标
- 定制化收藏夹数据库的样式,更方便浏览和操作
预览
由于版本可能在不断迭代,图片仅供参考,以实际效果为准。
收藏面板

搜索

数据库

数据库筛选

设置

安装和配置说明
请参考 https://zhuanlan.zhihu.com/p/1961892876112885384
快捷命令脚本调试方法
由于快捷命令脚本无法断点调试,因此只能通过打印日志进行调试。
- 用console.log打印,遇到对象的,需要用JSON.stringify打印。
- 可以在外层加try...catch,然后通过e.stack查看错误信息更方便。
- 部分代码可单独提取到外部调试,即保证单元无误,再整体无误。如果样式问题也可以通过consolelog(document.body.parentElement.outerHTML)函数把整体打印到剪切板,然后在外部调试。
- 也可以利用外部错误上报系统,比如Sentry、Bugsnag、LogRocket 等,我没有尝试。
- 快捷命令的HTML环境是无法读取剪切板的,官方提供了模板变量
{{ClipText}},可获取剪切板内容,但当剪切板内容含有HTML代码时会导致整体布局错了,因此可使用template标签包裹,但无法用dom方法直接读取template内部html值,需要用正则匹配才行。
其他
另外,这个项目也是新手学习的好材料,因为它涉及众多知识点,比如,js,css,utools api,快捷命令脚本,前后端交互,思源数据库api(涵盖增删改查),跨软件交互,油猴脚本,跨域抓取,代理请求,函数劫持等。
如果每个知识点都了解,从此思源开发无忧矣。
不过嘛,代码有点乱,刚开始没有好好规划,只是想到一点添加一点,渐渐的就这样了,且一半手写一半AI,还不是一个AI,所以嘛就有点乱了。
免责声明
本文所提供的代码仅是 demo 或仍处于实验阶段,仅供学习与参考之用。
请在充分测试、确认无误后再谨慎使用,仅建议作为参考或备用的作用,切勿直接用于生产环境。
如因使用本文所述方法造成任何问题,本人不承担任何责任。
如你有任何疑问或优化建议,欢迎留言交流,共同进步!