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

Question

我在我的项目中使用angularjs pdf查看器，它可以很好地与Google Chrome一起使用，但当我使用IE时，当我在PDF查看器中使用全屏按钮并按下退出按钮时，它会关闭PDF查看器，预期的行为是它应该关闭全屏模式，而不是查看器，此功能在Google Chrome中运行良好。不确定如何控制此行为

任何帮助都是非常感谢的。

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

以下是我的代码

包含在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 developer tools检查F12 Console选项卡中是否有错误。

基于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浏览器设置。也许他们可以帮助解决这个问题。