「也许」是 Chrome 下最好的阅读模式,现已来到 Firefox 以及支持任意浏览器了。
简悦的各位用户,真的久等了,Chrome 1.1.0 版发布还是 109天 以前的事情,简悦终于支持了 Firefox 与 任意浏览器。

前情回顾

让你瞬间进入沉浸式阅读的扩展,类似 Safari 的阅读模式。简悦的灵感来源于:「简单阅读,愉悦心情」 之意!
为了完美阅读模式这个小目标 ,我适配了 160+ 个网站,因此诞生了它 - 简悦 :沉浸式阅读的 Chrome 扩展

马上使用

  • 简悦始于 2016年12月18日,截至到 1.1.0 版,共计 376 天的开发周期 ;
  • Chrome 1.1.0 版于 2017年12月29日 发布;
  • Firefox 1.1.0 版于 2018年03月26日 发布;
  • UserScript 1.1.0 版于 2018年04月13日 发布;
  • 共上线了 Chrome / Firefox / 360极速浏览器 / QQ 浏览器 / UserScript 五大平台,理论上支持任意浏览器;
  • 共计 2967 次提交;( develop 分支)
  • 1.0.0 开始共计迭代 6 个版本;
  • Chrome 应用商店 共计获得 372 个评价,355 个五星好评;
    Chrome 应用商店
    Chrome 应用商店
  • Github star 1771 个;
  • 自从 2017年09月02日 上线捐赠页面开始,共计收到 2856.5 元,单笔最大的捐赠出现在 2017年12月29日 66.66 元;
  • 共计 279 个 issues ,解决了 192 个 issues ;
  • 实现了用户提出的 23 个新功能;
  • 手工适配了 249 个网址;

    1.1.0 版的小目标

    为了实现 沉浸式阅读 ,简悦采用了手动适配页面的方式,这种方式的好处:精准适配;而坏处:一旦原页面结构改变,就需要重新适配。
    随着简悦的用户群增加,出现了很多非大众化却需要精准适配页面的诉求,毕竟我自己的时间和精力有限,所以希望可以借助 众包(社区化) 的方式让用户一起帮助简悦。
    在社区化上简悦参考了 uBlock 的一些设计思路,再此设想下,简悦发布了 1.1.0,带来全新的三个社区化功能:

    真正意义上的站点编辑器

    1.1.0 之前的版本是无法通过手动方式新增、删除、新站的,只能对部分功能(标题、描述、高亮、排除列表)做修改。
    1.1.0 提供了全新的 站点编辑器 ,包含了对当前站点的管理,详细说明 请看这里
    站点编辑器
    站点编辑器

    站点管理器

    站点编辑器只能对当前适配站点进行管理,但简悦拥有众多的适配源以及适配站点,这显然太过麻烦,所以 1.1.0 新增了 站点管理器 ,可以在同一界面管理全部的站点。
    站点管理器
    站点管理器

    站点适配器

    可导入 第三方适配源 以及官方认定的 次适配源,并包含了管理功能,详细请看 站点适配源
    站点适配器
    站点适配器

    当一个用户拥有多个自定义(新增)的适配站点,可以通过以下的方式帮助简悦:
  • 将这些站 提交到这里,审核通过后,即会加入到 官方(次)适配源官方(主)适配源
  • 将这些站 放到可信赖的服务器中,得到地址如 http://abc.com/website_list.json 并把此地址加入到上图的输入框中,点击 导入到适配列表 即可完成,此种方式的适配源为官方未验证适配源,即 自定义(第三方)适配源
    最后,如果简悦帮助了你,那么现在你也能帮助简悦了,让简悦服务更多的人群。

    Firefox 版的设计思考

    自从 Mozilla 发布 Project Quantum 后,Firefox 上终于有了像样的 Add-ons API( WebExtensions API )进而大大的降低了 Chrome 迁移成本。
    除此以外还提供了一个 兼容性检查的网址 以供 Chrome 扩展方便迁移(Mozilla 有多迫切... 😂 )
    但自从有了浏览器兼容性问题以来,就不可能出现 「大一统」的情况,所以在迁移简悦的时候,并没有那么一帆风顺(也是填坑无数...)
    最后,Chrome 版 与 Firefox 版在视觉和操作上保持了 99% 的统一,不太一样的地方出现在地址栏,如下图:
    Chrome vs Firefox
    Chrome vs Firefox

    UserScript 版

    在 1.0.0 发布时就有不少朋友想要 Apple Safari / Microsoft Edge 与 Firefox 版本,多亏 Project Quantum 计划,才顺利的将简悦移植到 Firefox 上。
    但前两个就不那么容易了,虽然 Microsoft Edge 也加入了 WebExtensions API,但无奈我没有 Win 10… 所以并不能顺利移植。
    而移植到 Safari 上还需要「部分重新编码」,所以也并不是一个短期可以实现的事情。
    随着 1.0.3 版开始简悦 已脱离了单纯的阅读模式范畴,但是毕竟有些用户只是想单纯的使用简悦的阅读功能,所以一个新的想法诞生了:
    为简悦制作一个 Lite 版 ,即满足了对简悦「瘦身」的需求,也可以方便的基于其它浏览器做二次开发。
    最终落地的方式:
    基于 UserScript 方案,自然就会支持 Apple Safari / Microsoft Edge / Opera 等浏览器。

甚至可以将 Lite 版重新带回到 Chrome / Firefox 受惠这部份用户。

这就是跟大家见面的 简悦 · 轻阅版 (即:UserScirpt 版)

轻阅版的界面设计

其实 UserScript 挺强大的,如果愿意的话,甚至可以将整套功能都移植过来 😂 (之所以没这么做,是基于上述对应轻阅版的设计思考而来)
但 UserScript 也有它的弊端,因为要跨浏览器,所以自然无法像原生 API 一样可以在浏览器外观上做修改(如:地址栏、动作栏等)。
阅读模式类的产品需要一个触发点(例如上图所示),所以「轻阅版」就需要另辟蹊径了。
经过思考,仍旧打算利用简悦的设计元素(右下角的红色原点)来达到视觉上的统一,而最终的方案如下:

轻阅版 · 触发器
轻阅版 · 触发器

除此以外,为了保证简悦与轻阅版 视觉上的一致性 ,所以聚焦模式与阅读模式在界面上也尽量达到统一。
简悦 · 轻阅版操作
简悦 · 轻阅版操作

轻阅版的功能设计

由于轻阅版定位是 Lite,所以 轻、快、专注 就是它的特质,因此具有以下的一些特点:

  • 加载速度快;(由于直接使用 JavaScript 作为模板引擎)
  • 基于 UserScript 编写,所以只要是支持此的浏览器均可以感受简悦带来的 沉浸式阅读体验
  • 可导入 简悦 的配置信息;
  • 只包含了简悦的 聚焦模式 阅读模式 TXT 阅读器 论坛类页面及分页 临时阅读模式 主动适配 以及一些必要辅助功能,详细说明 请看这里
    在选项页的设计上也做了简洁和克制,但简洁不代表简单,仍需要满足一部分人对设置项的调整,所以有了如下的设计:(用单纯的配置项 + 说明的方案)
    轻阅版 · 选项页
    轻阅版 · 选项页

    最后,希望 Apple Safari / Microsoft Edge 以及其它支持 User Script 的用户能喜欢 简悦 · 轻阅版

    Chrome vs Firefox vs 轻阅 三版的区别

    三版之间的差异
    三版之间的差异

    简悦五版齐发

    由于简悦现在已经支持了绝大多数主流浏览器,所以对应简悦的 官网 也小小的更新了一下。
    简悦五版
    简悦五版

    下一步

    接下来的 1.1.1 版主要将解决:
  • 让用户更方便的提交自己的新站、因页面结构改变而导致适配失败的站;
  • 更智能、更方便的控制栏;
  • 不启动名单;(在这个名单中的页面,将不会加载简悦)

    简悦的未来

    简悦从最初设计就以 一个产品来运作的 ,再加上基于我个人为独立开发者的身份,所以简悦无论从何种角度上都将继续下去,所以「担心免费不长久」的潜在用户大可以放心。
    接下来简悦将会如何下去?目前已经有了初步的意向,由于还不太具象,所以在这里先买个关子,就不剧透了 😜
    总之,无论简悦变成什么样子,都不忘初心,它会持续不断给各位用户的提供:

沉浸式阅读体验,简单阅读,愉悦心情。