简悦的技巧 - 如何才能让简悦支持更多的网站？

[23784148]

简悦最重要的一个功能：阅读模式 需要手动逐一适配网站的页面结构，但是随着简悦越来越多下载量，即便已经适配了 210+ 个网址，也无法满足所有人的需求。

解决这个问题的办法

1. 开放自行添加新站功能；（ 这部分功能已经即将着手开发）

2. 与其被动的适配，不如让更多的网站主动接入 阅读模式；

主动适配

简悦最新的 1.0.4 增加了主动适配功能，简单的说，无需提交到 适配列表，也无需手动添加，只需要在页面加入特定的 <meta> 数据即可。

如何适配

目前简悦支持的 <meta> 包括：

• simpread:name
  标识，对应 站点适配器 的 name 字段，必填项。

• simpread:title
  标题，对应 站点适配器 的 title 字段，当 未定义 或 为空 时，自动获取 <title> 的数据。

• simpread:desc
  描述，对应 站点适配器 的 desc 字段，可为空。

• simpread:include
  高亮字段，对应 站点适配器 的 include 字段，必填项。

• simpread:exclude
  排除列表，对应 站点适配器 的 exclude 字段，可为空。

• simpread:auto 描述是否自动进入阅读模式，当为 “true” 时才会自动进入阅读模式。

如图

安全性

由于 站点适配器 的可编程性，其中 title desc include exclude 均支持 jQuery 查询语句、正则表达式 等方式，但 <meta> 只支持最基本的 <tag> 节点，为了安全性（防止 JS 注入）

如何使用

• 将 <meta> 写入到需要使用阅读模式的页面，如 http://kenshin.wang/blog/#/posts/3
• 简悦的版本高于 1.0.4.09027 访问上述页面时，右上角（ ↗ ）会出现 红色 icon ；
• 点击它（如同阅读模式的流程一样），即可进入阅读模式。

动图

备注

• 1.0.4.09027 还未发布，但已经放入 测试通道；

• 如果你看到时，1.0.4 已经发布了，那么自然也支持此功能；