Is it possible to execute vanilla javascript before angular boot?

Question

I want to execute a javascript snippet that check whatever the browser supports angular or not. In the second case the script will do a redirect towards a static html webpage.

My intent is not rely on polyfills to support outdated browsers, but give a nice UX anyway by inviting the visitor to access my website with a modern browser.

Is it possible?

Angular might already be booting then though. Your main.ts file might be a better spot.. — MikeOne
– MikeOne, Commented Jul 31, 2021 at 18:09
@aviadP. wouldn't in that way be executed in each page of my angular app? — Phate
– Phate, Commented Jul 31, 2021 at 21:36
Angular is a SPA, so index.html is processed once, then all the view changes are performed in javascript — Aviad P.
– Aviad P., Commented Jul 31, 2021 at 21:41

Eliseo · Accepted Answer · 2021-08-01 17:29:32Z

1

In your main.ts

//replace this
//    platformBrowserDynamic().bootstrapModule(AppModule)
//      .catch(err => console.error(err));

//by some like:

if (executeAjavaScriptFunction())
{
  platformBrowserDynamic().bootstrapModule(AppModule)
     .catch(error=>console.log(error))
}
else
{
  alert("improve your navigator");
}

Or you can also write in your .html some like

  <app-root>
   If you can't see the application visit www.myoldpage.com
  </app-root>

answered Aug 1, 2021 at 17:29

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Phate Over a year ago

But...if I wrote it inside of main.ts wouldn't I be forced to compile as es5 for it to be processed in IE? Moreover, wouldn't the compiler give me error if I used something like window.agent?

Collectives™ on Stack Overflow

Is it possible to execute vanilla javascript before angular boot?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related