Javascript 修改viewer.js文件

根据Mozilla的pdfjs插件，我可以通过向传递查询参数来查看我的PDF，如下所示：

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-我没有动态加载此文件

加载文件后，我使用

lodash

呈现

viewer.html

的模板。尽管如此，我还是无法在我的项目中看到呈现的pdf。我怀疑这可能是因为一切都是动态发生的。（但我不确定，因为一切都是按顺序呈现的）

顺便说一句，我在

index.html

文件旁边添加了名为

compressed.tracemonkey-pldi-09.pdf

的默认pdf。我会错过什么

Firefox和chrome不会抛出任何错误

---

注意：我可能做得不对。建议我按照正确的方向解决问题将是很有价值的。

在修改

viewer.js

时需要注意的一些要点

• 建议您构建自己的

  viewer.js

  ，而不是修改可用的

  viewer.js

  文件，该文件实际上只是用于演示目的
• 通过访问每个js文件，您可以创建自己的viewer.js文件

如果在现有的demo

viewer.js

中只有一些小东西需要修改，那么

• 在

  viewer.js

  中提及

  pdf.worker.js

  文件的确切路径
• 此文件将在

  DomContentLoaded

  事件中开始呈现pdf。如果计划稍后动态呈现pdf文件，则应注释此事件寄存器，并在必要时调用以下函数

  webViewerLoad();
  

---

我希望这会对某人有所帮助。

@downvoter如果你解释下一票会更好。我认为下一票是卑诗省的问题，没有提供足够的信息。“我理解你的问题的要点，但如果没有你的目标的实现，我猜不出会出什么问题。”史蒂文。是的，我有。实际上我已经解决了。我现在不能取消悬赏。你可以回答你自己的问题。只需添加一个答案并解释您的解决方案。@SteveH。我有时间一定会的。