什么是epub.js?

epub.js是支持跨多个设备的,在浏览器端渲染EPUB文件的JavaScript库。

epub.js提供通用的电子书功能界面(如渲染、持久和分页)不需要开发专用的应用程序或插件。重要的是,它有一个令人难以置信的放任自由的BSD许可证。

什么是EPUB?

EPUB标准是一种广泛使用的和易转换格式。许多书是目前这样的格式,它可以转换为其他格式(如PDF、Mobi和iBooks)。

一个解压缩的EPUB3(你可以将epub文件用解压缩软件进行解压)是集HTML5文件、CSS、图像和其他媒体——就像任何其他网站。然而,它强制执行一个书组件的架构,它允许我们根据受控词汇呈现一本书及其部分。

更特别的是,EPUB图式规范目录,提供了一个清单,使缓存整本书,并将内容存储在它如何显示。

开始使用

将文件futurepress-epub.js(文章末尾提供下载地址)解压缩到文件夹后,在页面按如下引用:

<script src="../build/epub.min.js"></script>

如果你计划使用压缩(zipped)EPUB(任何。ePub文件),请在页面中引入精简版的jszip.js,它存放在该目录下build/libs

<!-- Zip JS -->
<script src="/build/libs/zip.min.js"></script>

设置要渲染的元素:

<div οnclick="Book.prevPage();">‹</div>
<div id="area"></div>
<div οnclick="Book.nextPage();">›</div>

新建EPUB对象,渲染到element

<script>var Book = ePub("url/to/book/");Book.renderTo("area");
</script>

可查看文档(epub.js/documentation/README.md)获得更多的功能

更多的例子查看(epub.js/examples/)

 

 

IE浏览器

适配IE最好的选择是wicked-good-xpath,谷歌撰写的DOM Level 3 XPath规范的纯JavaScript实现(但不要求)。更多信息:https://code.google.com/p/wicked-good-xpath/

<script src="/examples/wgxpath.install.js"></script>
<script>
EPUBJS.Hooks.register("beforeChapterDisplay").wgxpath= function(callback, renderer){wgxpath.install(renderer.render.window);if(callback) callback();
};wgxpath.install(window);
</script>

epub.js-v0.2.15下载地址:http://download.csdn.net/detail/wtf4007/9755881

在浏览器端浏览EPUB相关推荐

  1. 九种浏览器端缓存机制知多少(转)

    浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器 ...

  2. 浏览器端的九种缓存机制介绍

    浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器端缓存的机制种类较多,总体归纳为九 ...

  3. 「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    包管理器 托管JavaScript库并提供用于获取和打包它们的工具. npm - npm是JavaScript的包管理器. Bower - 网络包管理器. component - 用于构建更好的Web ...

  4. Tomcat—HTTPS之制作安全证书与浏览器端安全证书的安装

    在博客<终结者:HTTPS在Tomcat中的使用(一)--生成证书与配置Tomcat服务器>中介绍了如何生成服务器端证书和配置Tomcat服务器,本篇博客将带着大家一起研究如何生成浏览器端 ...

  5. 你必须要知道的九种浏览器端缓存

    原文 http://www.techug.com/browser-cache-methods?utm_source=tuicool&utm_medium=referral 浏览器缓存(Brow ...

  6. html expires缓存,nginx优化:使用expires在浏览器端缓存静态文件

    一,nginx中expires指令的作用 网站的图片等静态文件一旦发布,通常很少改动, 为了减小对服务器请求的压力,提高用户浏览速度, 我们可以设置nginx中的expires, 使用户访问一次后,将 ...

  7. 浏览器获取浏览历史_浏览器历史的未来

    浏览器获取浏览历史 by Patryk Adaś 通过PatrykAdaś 浏览器历史的未来 (The Future of Browser History) I am really unsatisfi ...

  8. apache mysql 连接数_浏览器端同时请求100个url后,如何提升有效的msyql连接数

    最近在进行伪php多进程处理,就是提升浏览器同时请求数目,来达到拆分数据,同时处理的 作用,但是在浏览器端同时向apache请求100个以上的url后发现php链接(mysqli长链接)的有效连接数( ...

  9. vue服务端渲染浏览器端缓存(keep-alive)

    在使用服务器端渲染时,除了服务端的接口缓存.页面缓存.组建缓存等,浏览器端也避免不了要使用缓存,减少页面的重绘. 这时候我们就会想到vue的keep-alive,接下来我们说一下keep-alive的 ...

最新文章

  1. 里面怎么缓存图片_浏览器缓存原理总结
  2. win10 无法连接路由器共享设备 报错0X80004005
  3. edit with idle 没反应_搬个家,猫咪不吃不喝甚至猝死?可能是你没做好“前戏”...
  4. stable_partition http://www.cplusplus.com/reference/algorithm/stable_partition/
  5. weui上传组件的图片封装到formdata_自定义toast-ui富文本组件的图片黏贴上传
  6. Lecture 6 Order Statistics
  7. Windows 配置Java环境变量
  8. 搜狗拼音输入法软件相关问题
  9. python保存快捷键是什么_python中的快捷键
  10. python post请求头部伪装随机(防止封ip)
  11. Elasticsearch 多种跨机房灾备方案对比与实战解读
  12. 阿里云虚拟主机,免费用
  13. 网站故事营销:这个真心不能少
  14. padding和margin让人头疼的兄弟俩
  15. 用计算机处理图像属于啥技术,计算机图像处理技术
  16. 安装bazel遇到的坑
  17. 中国企业一扎堆 这个产业就完蛋!
  18. 电子管晶体管电视机收音机录音机电路图
  19. 5gnr信号测试软件,通过锚点站判断5GNR基站的信号电平案例.docx
  20. 自制微电脑--学习其原理

热门文章

  1. MacOS 打开软件出现xxx将对您的电脑造成伤害, 您应该将它移到废纸篓. 的解决方式.md
  2. word转pdf出现空白页解决
  3. Google Chrome 81.0.4044.113 绿色增强版
  4. 福昕阅读器无法注释问题
  5. 一次正交设计和组合设计之旅
  6. MATLAB导入数据importdata功能
  7. VirtualBox 安装 Ubuntu Server 出现 Kernel Panic - not syncing: Attempted to kill the idle task 问题
  8. linux系统键盘被锁定,Unix系统键盘失效等问题讲解
  9. 二.java-jak和jre安装与配置
  10. 关于原生js里报这个错:Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.