Angularjs Просмотр PDF в полноэкранном режиме в IE - PullRequest
Новая
       57

Angularjs Просмотр PDF в полноэкранном режиме в IE

0 голосов
/ 12 апреля 2020

Я использую angularjs PDF Viewer в моем проекте, он отлично работает с Google Chrome, но при использовании его с IE, когда я go на весь экран с помощью кнопки полного экрана в PDF Viewer и нажмите кнопку выхода, чтобы закрыть ожидаемое поведение программы просмотра PDF, если она должна закрывать полноэкранный режим, а не программу просмотра, эта функция работает нормально с Google Chrome. Не уверен, как контролировать это поведение

Любая помощь высоко ценится.

Просто к вашему сведению, я использую IE 11. Файл PDF загружается с сервера (служба приложения Azure). Серверное приложение встроено в C#. net core

Вот мой код

, включенный в приложение. 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);
});

1 Ответ

1 голос
/ 16 апреля 2020

Попробуйте использовать инструменты разработчика F12, чтобы проверить, есть ли какие-либо ошибки на вкладке Консоль F12.

На основании документа , я протестировал angular - pdf js -viewer demo , после загрузки пакета и установки angular -pdf js -viewer и связанных с ним зависимостей в моем браузере IE11 будет отображаться следующая ошибка:

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

Я попытался добавить следующий код в конец приложения. js file: 

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

После добавления вышеуказанного кода ошибка исчезает.

Затем, если я открою PDF в полноэкранном режиме с помощью кнопки полного экрана в средстве просмотра PDF, я могу выйти из полноэкранного режима, нажав кнопку ES C. Но если я открываю PDF в полноэкранном режиме с помощью ярлыка F11, я не могу существовать в полноэкранном режиме с помощью клавиши ES C, он выходит только с помощью ярлыка F11. Вы можете попробовать проверить это.

Кроме того, вы также можете попытаться очистить данные браузера IE (кеш, готовить ie и т. Д.) Или сбросить настройки браузера IE. Может быть, они могут помочь решить проблему.

...