epubjs-reader:三步在浏览器里打开你的 EPUB 书

📅 2026/8/22 16:25:30
epubjs-reader:三步在浏览器里打开你的 EPUB 书
epubjs-reader三步在浏览器里打开你的 EPUB 书【免费下载链接】epubjs-readerEpub.js Reader项目地址: https://gitcode.com/gh_mirrors/ep/epubjs-readerepubjs-reader 是一个基于 epub.js 的浏览器 EPUB 阅读器示例工程。如果你想在网页上直接展示 EPUB 书籍或需要一份可参考、可改造的 EPUB 阅读器源码这个项目可以直接跑起来再往自己的页面里移植。它解决了什么问题自己写 EPUB 阅读器要处理很多事解析书籍结构、渲染章节、翻页、目录定位、书签记录。epubjs-reader 把这一整套流程做成了可读的实现加载 EPUB 并在页面中渲染正文侧边栏显示目录TOC和书签列表支持笔记、全屏、字号调整打开侧栏时可自动重排正文阅读进度可通过 URL 参数传递刷新后仍能从上次位置继续源码按控制器拆分在 src/controllers/每个功能目录、书签、设置、翻页控制各占一个文件方便你单独取用某一块逻辑。快速安装与启动先安装 Node.js然后克隆仓库git clone https://gitcode.com/gh_mirrors/ep/epubjs-reader进入目录安装依赖并启动本地服务cd epubjs-reader npm install npm start启动脚本 tools/serve 会从 8080 端口开始寻找可用端口控制台会打印实际地址。浏览器打开后默认加载的是远程示例书《Moby Dick》页面即可翻页、切目录、加入书签。如何切换要读的书籍不必改代码。在地址后追加bookPath参数指向任意可访问的 EPUB 文件即可?bookPathhttps://example.com/books/alice.epubURL 里的其他参数同样会被当作配置项读入例如restoretrue表示恢复上次保存的设置和位置。初始化时常用的配置见 src/reader.js包括字号styles、是否恢复进度restore、是否开启翻页模式generatePagination等。二次开发用 Grunt 重新构建reader/ 目录是构建产物日常开发应改src/下的源码再用 Grunt 重新拼接压缩grunt watch构建规则写在 Gruntfile.js把src/core.js、src/reader.js和所有控制器合并成reader/js/reader.js同时生成压缩版并同步第三方依赖jQuery、JSZip、screenfull 等。改完源码保存一下浏览器刷新即可看到效果。适用边界与注意事项书籍需要能被浏览器访问同域、可跨域或有正确 CORS 头本地文件需放在服务器上不能直接用file://搜索和高亮插件在 reader/index.html 中默认被注释需要时取消注释对应 script 标签即可启用项目定位是参考实现而非独立 npm 包接入自己的产品时建议按需移植而不是整站拷贝建议的路径先npm start跑通默认示例用bookPath换成自己的书验证加载再对照src/controllers/摘出需要的功能移植到自己页面。【免费下载链接】epubjs-readerEpub.js Reader项目地址: https://gitcode.com/gh_mirrors/ep/epubjs-reader创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考