问没有在页面上加载JavaScript内容(epub.js)
EN

Stack Overflow用户

提问于 2022-02-17 22:26:13

回答 1查看 181关注 0票数 0

我正在尝试使用epub.js库，并试图让这些基本功能运行。问题是电子书没有显示在我的浏览器中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>

    <title>Document</title>
</head>
<body>
        
    <div id="area"></div>
    
    </body>

    <script>
      var book = ePub("steinbeck-of-mice-and-men.epub", { openAs: "epub" });
      var rendition = book.renderTo("area", {width: 600, height: 400});
      var displayed = rendition.display();  

      book.renderTo("area", { method: "default", width: "100%", height: "100%" });

    </script>
</html>

我的目录中有steinbeck-of-mice-and-men.epub，但它只是一个空白页。

javascript

node.js

回答 1

Stack Overflow用户

发布于 2022-02-18 06:36:59

看来你的路不对。如果文件位于保存HTML的同一目录中，则使用正确的路径。

 <script>
      var book = ePub("./steinbeck-of-mice-and-men.epub", { openAs: "epub" });
      var rendition = book.renderTo("area", {width: 600, height: 400});
      var displayed = rendition.display();  

      // book.renderTo("area", { method: "default", width: "100%", height: "100%" }); // why are you rendering it again?

    </script>

您可以查看文档这里。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71166156

复制

相似问题

问没有在页面上加载JavaScript内容(epub.js)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有在页面上加载JavaScript内容(epub.js)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有在页面上加载JavaScript内容(epub.js)
EN