Как предотвратить загрузку приложения Angular в Index.html - PullRequest
Новая
       29

Как предотвратить загрузку приложения Angular в Index.html

0 голосов
/ 04 марта 2019

Мы пытаемся заставить приложение angular 7 работать только в нескольких конкретных списках браузеров.И если браузер не попадает в список настроенных, нам просто нужно показать простую HTML-страницу и прекратить любую дальнейшую обработку.Для этого был добавлен следующий код, и он отлично работает в тех браузерах (например, IE 8), в которых Angular не поддерживается по умолчанию.Но при попытке воспроизвести такое же поведение в современном браузере (например, в последней версии Opera), он показывает страницу с ошибкой (браузер не поддерживается) и переходит на страницу входа в приложение.Как это предотвратить.(мы не хотим, чтобы навигация входила на страницу в этих определенных браузерах).Код ниже идет в Index.html 

 <script>
   //showing relevant code section only

    BrowserDetect.init();
    //supported browser with old version
    if (BrowserDetect.browser == "MS Edge" && BrowserDetect.version < 13 ||
      BrowserDetect.browser == "Chrome" && BrowserDetect.version < 45 ||
      BrowserDetect.browser == "Safari" && BrowserDetect.version < 10 ||
      BrowserDetect.browser == "Firefox" && BrowserDetect.version < 53
    ) {
      document.write("HTML for old version browsers go here");
    }
    //unsupported browser eg:Opera, IE etc..
    else if (BrowserDetect.browser !== "MS Edge" && BrowserDetect.browser !== "Firefox"
      && BrowserDetect.browser !== "Chrome" && BrowserDetect.browser !== "Safari") {
      document.write("HTML for unsupported browser goes here");
    **//issue: In latest version of Opera Browser the unsupported HTML is shown and the application is getting navigated to the Login screen.  How to prevent further angular application execution from this line**
    }
  </script>

1 Ответ

0 голосов
/ 04 марта 2019

Проверьте main.ts файл.В этом файле приложение Angular начальной загрузки.

Может быть изменено на что-то вроде этого: 

if (browserOk) {
    platformBrowserDynamic().bootstrapModule(AppModule);
} else {
    // browser unsupported
}
...