修改viewer.js文件

Question

根据Mozilla的pdfjs插件，我可以通过向viewer.html传递查询param来查看pdfs，如下所示：

http://localhost/MyProject/viewer.html/?file=file.pdf

这很好用。但我有一些不同的要求。我的项目中的要求是，我需要在单个页面上有类似于选项卡的功能。每个选项卡包含一个pdf文件。

因此，我正在考虑将viewer.js中的所有代码都变成一个大函数。这样我就可以用它作为构造函数来呈现每个pdf文件。就像这样：

var firstPdf = new paintPdf({file: 'myfile.pdf'});

无论如何，当我能够成功地将pdfjs的查看器功能集成到我的项目中时，我决定稍后进行上述更改。

项目摘要：

• 单页应用程序
• 所有模板都保存在名称为- templates的对象中的单个文件中。

为此，首先，我在viewer.html的body标记中复制了所有html，并将其作为新属性附加到templates对象中。然后，我将所有必需的和依赖的文件从示例复制到我的项目的文件夹中，并动态加载它们。我所包括的文件如下：

• pdf.js
• pdf.worker.js
• viewer.js
• l10n.js
• viewer.css -我不会动态加载这个文件。

在加载文件之后，我正在使用viewer.html的lodash来呈现模板。不过，我无法在我的项目中看到呈现的pdf。我怀疑这可能是因为所有的事情都是动态发生的。(但我不确定，因为所有的事情都是按顺序呈现的。)

顺便说一句，我已经添加了默认的pdf与名称compressed.tracemonkey-pldi-09.pdf相邻的index.html文件。我错过了什么？

Firefox和chrome不会抛出任何错误。

注:我可能做错了。建议我朝正确的方向解决会很有价值。

Answer 1

修改viewer.js时要注意的几个问题。

• 建议构建您自己的viewer.js，而不是修改可用的viewer.js文件，这实际上只是为了演示目的。
• 您可以通过访问每个js文件viewer.js创建自己的available here文件。

如果您在现有的演示viewer.js中只需要修改一些小东西，那么

• 提到pdf.worker.js文件在viewer.js中的确切路径。
• 此文件将开始在DomContentLoaded事件上呈现pdf。如果您计划稍后动态地呈现pdf文件，那么您应该注释此事件寄存器，并在必要时调用以下函数。 webViewerLoad()；

我希望这能帮到别人。