资讯动态

EPUB.js Reader 上手指南:三步在浏览器里读 EPUB,书签、批注全配齐

发布时间:2026/8/22 18:22:37 来源:尧图企业网站定制
EPUB.js Reader 上手指南三步在浏览器里读 EPUB书签、批注全配齐【免费下载链接】epubjs-readerEpub.js Reader项目地址: https://gitcode.com/gh_mirrors/ep/epubjs-readerEPUB.js Reader 是一个基于 epub.js 核心库的网页版电子书阅读器给它一个书籍地址就能得到带目录、书签、阅读进度记忆的阅读界面。适合想在网页上构建或快速评估 EPUB 阅读体验的开发者省去自己造轮子的时间。从网页读不了 EPUB说起EPUB 本质是一个 zip 容器要在网页上把它读起来需要解压、解析目录、用 CFI 定位阅读位置、处理翻页与重排每一步都不轻松。EPUB.js Reader 把这整套流程封装成一次ePubReader()调用目录侧边栏、标题栏、书签面板、左右翻页箭头开箱即用源码按 7 个控制器拆分成小文件改起来不费劲。核心能力一览能力说明目录 / 书签侧边栏左侧面板一键切换 TOC 与 Bookmarks点击章节直达阅读进度记忆用 CFI 位置写入 localStorage下次打开接着读⌨️ 字号快捷键Ctrl/Cmd /−缩放0恢复 100%全屏模式集成 screenfull一键进入沉浸阅读插件挂载点全书搜索、Hypothesis 批注都是可插拔插件三步跑起来克隆仓库git clone https://gitcode.com/gh_mirrors/ep/epubjs-reader cd epubjs-reader安装依赖需要 Node.jsnpm install启动本地服务默认监听 8080 端口npm start浏览器访问http://localhost:8080/即可看到阅读界面。最小可用示例只有一行入口在 reader/index.htmlwindow.reader ePubReader(https://your-cdn.com/alice.epub, { restore: true });两个实用玩法 指向任意一本书不用改代码在页面 URL 后追加参数即可?bookPathhttps://your-cdn.com/books/alice.epub构造函数会用 URL 参数覆盖默认配置分享带书地址的阅读链接特别顺手。回到上次读到的位置传入{ restore: true }后页面关闭前会把当前 CFI 位置和字号等样式写入 localStorage以书籍地址为 key。下次打开同一本书直接从上次那页继续字体大小也保持不变。生态与入口epub.js 核心库解析、渲染、定位全靠它项目内打包文件见 reader/js/epub.js控制器分层翻页、目录、书签、设置逻辑集中在 src/controllers/构建脚本Grunt 负责拼接与压缩配置在 Gruntfile.jsgrunt watch可边改边出包许可证为 BSD-2-Clause可放心用于自己的产品。想动手试试跑一条npm start换掉书名地址马上就能评估阅读效果。【免费下载链接】epubjs-readerEpub.js Reader项目地址: https://gitcode.com/gh_mirrors/ep/epubjs-reader创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价