IE中的Angularjs pdf查看器全屏查看问题

Question

我在我的项目中使用 angularjs pdf 查看器，它在 Google Chrome 上运行良好，但是当我在 PDF 查看器中使用全屏按钮并按转义按钮进入全屏时，它与 IE 一起使用它会关闭 PDF 查看器预期的行为是它应该关闭全屏模式而不是查看器，此功能适用于 Google Chrome。不知道如何控制这种行为

非常感谢任何帮助。

仅供参考， 我正在使用 IE 11。 正在从服务器（Azure 应用服务）加载 PDF 文件。 服务器应用程序是在 C#.net core 中构建的

这是我的代码

包含在 app.js 中

app.config(function(pdfjsViewerConfigProvider) {
   pdfjsViewerConfigProvider.setWorkerSrc("/pdf.js-viewer/pdf.worker.js");
   pdfjsViewerConfigProvider.setCmapDir("/pdf.js-viewer/cmaps");
   pdfjsViewerConfigProvider.setImageDir("./pdf.js-viewer/images");
   pdfjsViewerConfigProvider.disableWorker();
   pdfjsViewerConfigProvider.setVerbosity("infos");  // "errors", "warnings" or "infos"
  angular.lowercase = angular.$$lowercase;
});

包含的包

    "angular-pdfjs-viewer": {
  "version": "2.0.1",
  "resolved": "https://registry.npmjs.org/angular-pdfjs-viewer/-/angular-pdfjs-viewer-2.0.1.tgz",
  "integrity": "sha1-KnYVcp/UC9/01VVyY6aES4Mc=",
  "requires": {
    "bower": "^1.8.2"
  }
}

这就是我将它包含在我的页面中的方式

<pdfjs-viewer data="$ctrl.data"></pdfjs-viewer>

控制器

$scope.data = null; // this is loaded async
$http.get("http://example.com/file.pdf", {
  responseType: 'arraybuffer'
}).then(function (response) {
  $scope.data = new Uint8Array(response.data);
});

Answer 1

尝试使用 F12 开发者工具检查 F12 控制台标签是否有错误。

基于the document，我测试过the angular-pdfjs-viewer demo，下载包并安装angular-pdfjs-viewer及相关依赖后，在我的IE11浏览器中会显示如下错误：

AngularJS: disabling automatic bootstrap. <script> protocol indicates an extension, document.location.href does not match.

我尝试在 app.js 文件末尾添加以下代码：

angular.element(document).ready(function () {  
    angular.bootstrap(document, ['app']);
});

添加上述代码后，错误消失。

然后，如果我使用 PDF 查看器中的全屏按钮以全屏模式打开 pdf，我可以通过单击 ESC 按钮退出全屏模式。但是，如果我使用 F11 快捷键以全屏模式打开 PDF，则无法使用 ESC 键存在全屏模式，只能使用 F11 快捷键退出。你可以试试看。

此外，您还可以尝试清除 IE 浏览器数据（缓存、cookie 等）或重置 IE 浏览器设置。也许他们可以帮助解决问题。