如何在电子浏览器窗口中查看PDF？

Question

因此，我有了这个Electron应用程序，并且在一个.html文件中，我链接了另一个脚本，该脚本为该程序提供了一些实用程序功能，其中一个是这个：

function openPDF(filePath){
    let pdfWindow = new electron.remote.BrowserWindow({
        icon: './build/icon.png',
        width: 1200,
        height: 800,
        webPreferences: {
            plugins: true
        }
    });

    pdfWindow.loadURL(url.format({
        pathname: filePath,
        protocol: 'file:',
        slashes: true
    }));

    pdfWindow.setMenu(null);

    pdfWindow.on("closed", function () {
        pdfWindow = null
    });
}

因此，这应该使用集成的电子PDF查看器（使用Chromium）在新窗口中打开PDF。我使用了臭名昭著的方法plugins: true，我尝试了可以为BrowserWindow定义的数千种首选项中的大多数，但是它总是打开窗口，然后开始下载文件而不显示它。

我三重检查了文件路径，“导入”等，更新了所有内容，但似乎找不到问题。自1.6.4起，Electron本身就支持此功能，但对我而言不起作用。

帮助我，堆栈溢出，您是我唯一的希望。

Answer 1

@karthick正确地指出，尽管存在，这是一个禁用插件的错误plugins: true。它的存在，因为3.0.0（2018年9月18日）及今日是固定的遗迹：问题在GitHub上。

由于持久的GitHub问题趋于令人困惑，因此我将根据开发的要点更新此答案。您还可以在答案末尾找到两个解决方法。

更新：

1. 3月19日：正在进行修复。我将继续更新此答案。
2. 5月19日：上述修补程序目前处于等待状态，以等待更好的扩展支持。
3. 6月28日：预计很快不会有更好的扩展支持。

4. 7月16日：该修复程序将不再有效。开发商报价：

   我试图移植到Chromium的查看器时遇到的主要问题是它对铬扩展系统的依赖。电子仅支持该系统的一部分，这使得很难集成查看器。

5. 7月25日：在扩展支持方面的改进取得了重大进展，扩展支持已合并并创建了后续跟踪问题。这增加了继续进行修复工作的可能性。

6. 8月28日：目前，没有人在进行修复。你可以把一个赏金对这一问题在上BountySource如果你想看到这个解决得更快。

7. 11月19日：修补程序已关闭，分支已删除。开发商报价：

   我们仍然打算有一天恢复PDF查看器，但是它依赖我们首先迁移以使用Chrome的扩展程序库而不是我们自己的填充程序，因为Chromium中的PDF查看器已实现为扩展程序。

   尽管在BountySource上获得了1600美元的赏金，但我预计这一问题不会很快得到解决。

解决方法：

1. 你可以把它通过降级工作的最新2.XX要做到这一点，你必须改变devDependencies的package.json，应在项目文件夹中找到。但是请记住，Electron团队仅支持最新的三个稳定的主要版本，这意味着2.XX不再收​​到安全补丁。

   "devDependencies": {
       "electron": "^2.0.18"
   },
   

2. 或者，您可以调用系统打开文件。它将选择分配给PDF的默认程序：

   shell.openItem(fullPath);
   

   只需确保路径（fullPath）始终使用诸如path.resolve(app.getAppPath(), filePath)在构建应用程序时可能会更改的方式正确解析即可。