Awesome Open Source
Awesome Open Source

Circle 阅读模式 – 为网页适配更舒适的阅读模式,支持深色模式

目前已经上架 Chrome、360、Firefox 和 Microsoft Edge 扩展市场。下载安装

广告太多分散注意力、配色太丑不忍直视、字体太小看不清、排版太乱找不到正文,阅读真的需要这么困难吗?有没有产品可以把网页中的内容提取出来重新整理,渲染成更方便阅读的排版界面呢?

Circle 就是一款这样的浏览器(目前仅支持 Chrome 浏览器)扩展程序,如下图所示

Circle (阅读模式)智能识别效果

具有同样功能的产品很多,这类产品最大的问题就是识别正文效果太差,识别失败、识别成非正文、漏掉正文、图片裂开等都是常事。在我看来目前做的比较好的是苹果系统的 Safari 浏览器。即使是 Safari 浏览器也或多或少的存在此类问题,除此之外 Safari 的设置界面太简单,定制型不够灵活

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

出色强大的识别能力

借助于自研解析引擎的能力,Circle 更加智能更加强大。你可以分别使用 Circle 和其他相关产品访问如下网址对比识别效果

http://www.shb.cas.cn/kjjz2016/201607/t20160712_4639424.html

原始网页

Circle 阅读模式三方原始网页

识别效果对比

Circle 阅读模式效果对比图

上面的网址内容结构不够规范,对于大部分产品都是从中间部分开始展示,漏掉了大段的前半部分正文( Safari 也不例外)

绚丽多彩的内置主题

识别成功正文只是一部分工作,如何更舒适的阅读才是我们关心的重点。为此 Circle 内置了 5 款主题,提供更多、更绚丽的主题,方便用户更好的阅读。如下图所示:

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

更灵活的自定义主题

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

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

更丰富的页面配置

页面字体,字体大小,行高,段落间距,页面宽度等等,统统允许你自己设置。如下图所示:

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

部分真实用户评价

文海*:非常棒!简洁,功能也简单,解析特别快,用起来舒适!千万不要做复杂化了!!找了N久,是真的,几年了,每隔段时间就找阅读插件,只有这款最符合我的需求~

Andong Wang: Awesome!Apple上习惯了Safari的阅读模式,这个插件一使用我就知道是我想要的感觉了,简洁美观

Yanyan su: 值得五星推荐,比简悦简约不要太多!希望作者做一下导出功能。

chuanliang zang:Reader View、简悦... 还有好几款阅读模式都在用,现在只保留了前面两个,简悦因为交了钱也退不了,功能繁杂不太想用。平常Reader View用的多一些,刚才试用了一下 Circle,一下子就喜欢上了。最喜欢的就是能方便的调节页面宽度、行距、段距(!!),非常的推荐。

aione:之前用过一个差不多的插件,外国的,十分顺心。这个和我之前用的那个差不多。 我不是来推荐之前那个插件的,我的意思是,可以遇见这么好同类的插件,也是十分不易的

Aeon Khronos:小众软件推荐过来的,确实好用!!!!

LI Yi:很快很简洁,感谢开发者!非常期待黑白名单~

曾小*:小巧,漂亮,高效!

安装指引

目前已经上架 Chrome、360、 Firfox 和 Microsoft Edge 扩展市场

进入Microsoft Edge 浏览器扩展市场 安装

进入Firefox 浏览器扩展市场 安装

进入360 浏览器扩展市场 安装

进入Chrome 浏览器扩展市场下载

无法访问外网的同学可以通过这里下载。下载的文件包,解压到一个单独的文件夹中并放在一个不变动的位置(变动位置,扩展将无法工作),按照如下三步指引进行安装

Circle(阅读模式)安装指引

第一步: 如上图所示入口 1 设置 -> 2 更多工具 -> 3 扩展程序打开扩展程序页面,或者地址栏输入 Chrome://extensions 按下回车打开扩展程序页面

Circle(阅读模式)安装指引

第二步:如上图所示 点击 1 打开扩展程序页面的 “开发者模式”,点击 2 加载已解压的扩展程序 。选择下载的解压后的文件夹即可

第三步:给我点赞,谢谢 🤣

问题反馈

遇到任何问题或者产品缺陷可以在 https://support.qq.com/products/317910 反馈

你也可以通过微信 hewenguang_fe 或者邮箱 [email protected] 联系我

QQ 讨论组:605710052

Circle 讨论组

相关链接

支持我

如果 Circle 确实帮助到你,不如请我喝一杯 ☕️ 以示鼓励和支持(请不要超过你的早餐价格)。如果囊中羞涩,请 star 或者在社交平台发一遍文章谈谈使用感受,让更多人了解 Circle,你的认可是对我最大的鼓励

捐赠 Circle

开发和构建

  • 执行 yarn 安装依赖

  • 执行 yarn dev 进行开发

  • 执行 yarn build 进行版本构建


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,316
chrome (465
extensions (72