惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Recent Announcements
Recent Announcements
人人都是产品经理
人人都是产品经理
月光博客
月光博客
博客园 - 三生石上(FineUI控件)
GbyAI
GbyAI
博客园 - 司徒正美
美团技术团队
Vercel News
Vercel News
IT之家
IT之家
U
Unit 42
Y
Y Combinator Blog
罗磊的独立博客
Microsoft Security Blog
Microsoft Security Blog
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
V
Visual Studio Blog
B
Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
MyScale Blog
MyScale Blog
博客园 - 叶小钗
A
About on SuperTechFans
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
B
Blog RSS Feed

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
开发者作品推荐:连处女座都说好的浏览器扩展 - Circle 阅读...
2021-04-07 · via 少数派

这是我的开发者朋友染河的独立作品,他为这个付出了很多心血,并把它开源了,我个人认为虽然商业模式应该挺难走,但这个产品打磨的还是非常不错,因为他没有少数派发文章的权限,所以拜托我帮他发这篇介绍

大家好,我是 Circle 的开发者染河。作为一个浏览器重度用户,我经常在网上浏览文章。

页面上飞来飞去的广告、不忍直视的配色、瞅瞎眼才能看到的字体、乱七八糟的排版真是一言难尽。在一次偶然机会接触到浏览器阅读模式之后就再也无法放弃。接着就是到处找相关的产品,然后是使用、失望、卸载、继续找 。。。

这些产品最大的问题就是识别正文效果太差,识别失败、识别成非正文、漏掉正文、图片裂开等都是常事,这简直就是无法忍受的存在。

在不断尝试和不断卸载之后,萌生了自己开发一款产品的想法 - Circle 阅读模式诞生了。

Circle 是一款不太一样的浏览器扩展程序,采用自研的正文解析引擎,识别成功率大大提高,甚至于比 Safari 还要智能。只需要单击一下,Circle 还你最纯粹的阅读体验,为你更好的阅读保驾护航。如果你正在寻找一款极度轻量化的阅读辅助产品,Circle 也许可以打动你

下面由我简单介绍下 Circle ,说的再多,不如直接对比 Circle 处理的效果

这是用户自己发布的一篇文章(上线一周后通过谷歌发现的文章)

Circle 阅读模式 360 文档对比原始图

启用 Circle 之后的效果

Circle 阅读模式 360 文档效果图

在少数派上的表现,这是一篇随意找的文章

Circle 阅读模式少数派原始图

启用 Circle 之后的效果

Circle 阅读模式少数派效果图

在豆瓣上的表现

Circle 阅读模式豆瓣原始图

启用 Circle 之后的效果

Circle 阅读模式豆瓣效果图

看到这里相信你已经对 Circle 有了一个简单的认识,接下来我们看看 Circle 的更多特性

绚丽多彩的内置主题

Circle(阅读模式) 内置了 5 款主题

识别成功正文只是一部分工作,如何更舒适的阅读才是我们关心的重点。为此 Circle 内置了 5 款主题,提供更多、更绚丽的主题,方便用户更好的阅读。你可以随意选择自己喜欢的样子

更灵活的自定义主题

Circle(阅读模式) 支持自定义主题

正如莎士比亚说的 “ 一千个观众眼中有一千个哈姆雷特 ” 不同的人有不同的阅读喜好,内置的主题做不到让所有人都喜欢,所以 Circle 支持自定义你自己的主题。

更丰富的页面配置

Circle(阅读模式) 灵活配置选项

页面字体,字体大小,行高,段落间距,页面宽度等等,统统允许你自己设置

/ ---------------------------------- 我是分割线 -------------------------------- /

上面就是 Circle 针对普通用户可以感知的特性,接下来我们介绍 Circle 最强大最厉害的部分 - 识别正文能力

其实和 Circle 一样做阅读模式的产品超级多,真正能和 Circle 媲美的真的少之又少,Circle 厉害的在于可以识别任何正文。我平时使用苹果系统比较多,很喜欢 Safari 自带的阅读模式。我们来对比下 Circle 和 Safari 自带的阅读模式的识别能力

我们拿中国科学院的一篇文章来举例,地址: http://www.shb.cas.cn/kjjz2016/201607/t20160712_4639424.html

Circle 阅读模式对比原始图

Safari 的识别效果如下,细心的小伙伴会发现文章标题已经不对了,多了“中国科学院上海分院” 字样,正文也不对,遗漏了大段的开头内容

safari 识别对比图

Circle 的表现如下:

Circle 阅读模式识别效果图

可以说相当完美了,其他网站你可以自己安装 Circle 体验,不会让你失望。除了常用的网站,各种野鸡大学官网、国家机构网站、知网、百度文库,只要是正文都可以很好的识别展示。由于 Circle 是基于算法实现,不存在小众网站,只要是正文就可以识别!

其他亮点

当前页面打开

Circle 可以直接当前网页展示,退出直接展示原网页,不存在页面跳转的时间。业界做到这一点的比较少,大多都是新生成一个页面后展示,退出之后再跳转到原网页,这将导致来回跳转,浪费浏览时间

自动加载下一页

接下来介绍 “自动解析下一页”,它可以自动解析下一页内容追加到当前文章下面。比如看小说,使用 Circle 阅读顺畅的不要不要的(需要含有下一页链接才能识别)

轻量级到底是多轻?

Circle 的轻量做到了极致,整个扩展只有 69KB(新版 89kb),解析引擎只有 5KB,简约轻量又强大

以上就是对 Circle 的所有介绍,更多特性欢迎你自己来探索。下面贴上一些相关的链接,方便大家下载体验

1,Chrome 浏览器扩展市场 https://chrome.google.com/webstore/detail/circle-reader-mode/dhpfcgilccfkodnhbllpiaabofjbjcbg
2,Microsoft Edge 浏览器扩展市场 https://microsoftedge.microsoft.com/addons/detail/circle-%E9%98%85%E8%AF%BB%E6%A8%A1%E5%BC%8F%EF%BD%9Creader-mode/hjkjecmcifblnghjpcjaofpakjpgfjio
3,Firefox 浏览器扩展市场 https://addons.mozilla.org/zh-CN/firefox/addon/circle-reading-mode/
4,360 浏览器扩展市场 https://ext.chrome.360.cn/webstore/detail/dhpfcgilccfkodnhbllpiaabofjbjcbg
5,直接下载安装包 https://ranhe.xyz/post-images/circle.zip

官网 https://ranhe.xyz/circle/
源代码 https://github.com/hewenguang/circle