三个月写 9KB 代码,你说没摸鱼你干嘛呢?
2021-03-04 15:50:01 Author: mp.weixin.qq.com(查看原文) 阅读量:167 收藏

Circle 阅读模式 是一款可以将网页中内容提取出来重新整理,渲染成更方便阅读的排版界面的 Chrome 扩展,只用了三个月,写了 9kb 的解析引擎来完成这件事。支持多种配色,就能让原本没有适配深色模式的网站也能用深色模式呈现出来了。@Appinn

来自发现频道:让网页赏心悦目、让阅读回归初心 – Circle 阅读模式。

怎么讲呢,现在还能在桌面级浏览器上认真阅读的同学已经非常少了,而移动优先导致目前的中文网页设计惨不忍睹,比小众软件丑的不多,但也绝对不少。用 Circle 一类的工具至少可以缓解这个尴尬的事实。

Circle 阅读模式|reader mode

Circle 是一款十分新鲜的 Chrome 扩展,两日前上架,开发者 @ranhexyz 提到的几个点:

  • 广告太多分散注意力

  • 配色太丑不忍直视

  • 字体太小看不清

  • 排版太乱找不到正文

Circle 使用前后对比

这个和简悦比有什么优势呢?

以及在发现频道中,@longest 同学提出了灵魂拷问:这个和简悦比有什么优势呢?我觉得的开发者 @ranhexyz 回复可以直接放在这里:


#简悦 是基于模版匹配,小众网站识别不了(除非做模版提交)。内部使用的智能解析不够智能,解析速度慢,页面不够简洁

你可以试试 从视网膜到视皮层——视觉系统知多少—-中国科学院上海分院 对比解析效果和解析速度。目前阅读模式做的最好的是 Safari ,但是对于上面网址的正常内容依然无法正常解析,但 Circle 能够做到。原因在于我们自己研发的解析引擎,而且我推崇软件简洁轻量,个人感觉简悦比较重。

除了上面说明之外,Circle 还有更多功能。如下:

文章标题的解析。简悦和很多同类产品都是直接把网页 title 拿来作为标题,造成文章标题含有网站信息。如当前文章叫:“让网页赏心悦目、让阅读回归初心 – Circle 阅读模式”。其他同类产品会是识别成 “让网页赏心悦目、让阅读回归初心 – Circle 阅读模式 – 发现频道 – 小众软件官方论坛”

智能解析其他页面,打开 第1章 监控拍到丧尸(1)_无罪谋杀-笔趣阁 ,打开 Circle 解析的页面后滚动查看,会自动追加其他页面到当前页面。无限加载看小说美滋滋。目前业界能做到还未发现。


关于最后一个小说阅读能自动载入新页面的功能,还是非常赞的。

深色模式

再来说一下深色模式,Circle 支持好几种配色,并且可以调整字体、大小、页面宽度、字间距、行高、对齐方式等内容:

Circle 可以一键让小众软件有深色模式,感觉效果还不错:

另外,开发者也守在发现频道等着提意见呢,青小蛙就觉得需要快捷键和白名单功能。

Circle 下载安装

对于有兴趣的同学可以参考如下地址:

  • 官方网站:https://ranhe.xyz/circle/

  • 安装指引:https://ranhe.xyz/circle-usage/

  • Chrome 商店:https://chrome.google.com/webstore/detail/circle-reader-mode/dhpfcgilccfkodnhbllpiaabofjbjcbg?hl=zh-CN 7

  • 无法访问应用商店的朋友可以在这里下载:https://ranhe.xyz/post-images/circle.zip

  • 代码托管在:https://github.com/hewenguang/circle 1

祝各位都有一个愉快的阅读体验。

更新,简悦开发者 @Kenshin 的回复:

嗨,我是 Kenshin 仅更正一个地方 

简悦是基于模版匹配,小众网站识别不了(除非做模版提交)。内部使用的智能解析不够智能

  1. 简悦早就不是以模板匹配方案了,模板匹配只是解析方案之一而已。

  2. 解析速度慢 → 是因为简悦会分析页复杂页面的情况,所以它支持更多页面结构,除此以外也支持 Latex 类的解析。

  3. 文章提到的 从视网膜到视皮层——视觉系统知多少—-中国科学院上海分院 在 新版中已经非完美解决 了,基于新版的方案,甚至还能做的更多。

  4. (基于第二点)所以 @青蛙 提到的页面简悦目前就能开启。(更不用说新版了。

另外,标题的问题完全可以通过 简悦自己的插件来解决,之所以没有完全解决的原因是,用户希望保留最初的标题。 

最后,简悦从最开始就不是一仅只是 阅读模式,这点我在 1.x 发布时就提过了,生成阅读模式只是简悦的基础功能

翻页的功能很赞 👍 不过看小说的话,有个很牛掰的 油猴脚本 可以实现,并且能做的更多。

因为 我不想重复造轮子,所以一般情况下我都会推荐使用这个 油猴脚本。(翻翻我的 Github Issues 就知道了。

有新品是好事,更何况也是开源产品。 


文章来源: http://mp.weixin.qq.com/s?__biz=MjM5NDMwMTI2MA==&mid=2651666242&idx=1&sn=534185f946300fac58c92ec3754e9f01&chksm=bd7043618a07ca77122fd7b3086ad2020db36861819184c06f13c13ded5ab0d3fecc1310dfdc#rd
如有侵权请联系:admin#unsafe.sh