feat(wxread): align pagination, rendering, and docs

This commit is contained in:
shen
2026-05-24 15:36:01 +08:00
parent a318c0e3d0
commit 2a94921e88
103 changed files with 6124 additions and 4623 deletions
@@ -1,13 +1,13 @@
# 微信读书 EPUB 阅读器实现架构分析
# 读书 EPUB 阅读器实现架构分析
> 分析日期: 2026-05-18
> 基于逆向工程: 微信读书 v10.0.3 (Build 79)
> 基于读书 v10.0.3
---
## 核心结论:双渲染引擎架构
微信读书使用了 **两套渲染引擎**,根据内容类型选择不同的渲染路径:
读书使用了 **两套渲染引擎**,根据内容类型选择不同的渲染路径:
```
┌─────────────────────────────────────────────────┐
@@ -319,7 +319,7 @@ WeRead/Src/Modules/MediaPlatform/
```
加载优先级 (从低到高):
1. default.css - 基础 HTML 标签样式 (Safari 默认)
2. replace.css - 微信读书默认替换样式
2. replace.css - 读书默认替换样式
├── 标题样式 (h1-h6, 使用 Source Han Serif CN 字体)
├── 代码块 (pre, 使用 Menlo 字体)
├── 图片 (.bodyPic, wr-vertical-center-style: 2)
@@ -332,7 +332,7 @@ WeRead/Src/Modules/MediaPlatform/
5. 用户设置 - 字号、行高、主题覆盖
```
**自定义 CSS 属性** (微信读书私有):
**自定义 CSS 属性** (读书私有):
- `wr-vertical-center-style: 1|2` - 图片垂直居中方式
- `weread-page-relate: true` - 控制分页时的内容关联
@@ -380,7 +380,7 @@ WeRead/Src/Modules/MediaPlatform/
| `mpForArticle.js` | 文章相关 JS 逻辑 |
| `MPExtra.css` | 公众号额外样式 |
| `MediaPlatform.css` | 公众号基础样式 |
| `WeReadApi.js` | 微信读书 JS API (供 WebView 调用原生功能) |
| `WeReadApi.js` | 读书 JS API (供 WebView 调用原生功能) |
| `rich_display.js` | 富文本显示逻辑 |
| `cssInjector.js` | CSS 注入器 |
| `highlight.min.js` | 代码语法高亮 (highlight.js) |
@@ -436,7 +436,7 @@ WeRead/Src/Modules/MediaPlatform/
├── FZJuZhenXinFang.ttf # 方正聚珍新仿
├── Lora-Regular.ttf / Italic.ttf # Lora 衬线体
├── PlayfairDisplay-Regular.ttf # Playfair Display
├── WeReadLS-Regular/Medium/Bold # 微信读书 LS 系列
├── WeReadLS-Regular/Medium/Bold # 读书 LS 系列
├── WeReadRN-Regular.ttf # RN 专用字体
├── WeRead-Icon.ttf # 图标字体
├── WeRead-Rating-Icon.ttf # 评分图标