JS/CSS 模块注入:给任何 APK 追加自定义前端代码
为什么要注入
普通 APK 一旦构建完成,内容就固定了。WebToApp 的模块市场机制让你可以在不重建宿主 APK 的情况下,给已生成的应用追加:
- 自定义 JS 代码(比如在页面加载时自动执行某个操作)
- 自定义 CSS(比如覆盖网站的默认样式)
- 第三方 JS 库(比如 jQuery、Lodash、Analytics 脚本)
适用场景:
- 网站改版了,APK 里封装的旧页面样式需要调整但不想重新构建
- 想要加上自定义的用户脚本功能
- 注入分析脚本统计 APK 内的访问数据
注入方式
注入通过模块市场完成:
- 从「我的应用」三点菜单进入「模块市场」
- 搜索或手动创建 JS/CSS 模块
- 选择目标应用,点击安装
- WebToApp 把模块文件下载到导出 APK 的应用存储目录
- APK 运行时自动加载这些模块
注入的模块只影响指定的应用,不会影响其他导出的 APK。
和重新构建的区别
| 维度 | 模块注入 | 重新构建 |
|---|---|---|
| 是否需要重打包 | 不需要 | 需要 |
| 是否需要重新签名 | 不需要 | 需要 |
| 是否需要重新分发 APK | 不需要(模块下载到设备) | 需要 |
| 影响范围 | 仅当前设备上的 APK | 所有安装新版 APK 的设备 |
| 可回退 | 卸载模块即可 | 重新分发旧版 APK |
一个实用例子
场景:你打包了一个新闻网站的 APK,过了几周网站改版,新样式在 WebView 里显示不正确。
步骤:
- 在模块市场创建一个 CSS 模块
- 写 CSS 覆盖新网站的样式
- 安装模块到你的新闻网站 APK
- 重新打开 APK——样式已经生效
整个过程不到 5 分钟,不需要重新构建和分发 APK。