angular.js - AngularJS v1.5.8 has a gray screen and does not start in IE9.

Question

You can view it normally using IE10 browser, but when you simulate IE9, a gray screen will appear and the app will not start, as shown in the picture:

This is a screenshot of IE in 360 compatibility mode. They are all the same. The title is not parsed.
But the strange thing is that IE Open the console in , and then refresh it and it will display normally. The console does not report any errors. Is there anyone who has encountered this situation?

Note: This situation has been discovered before. Angular reported an error because a certain value in the controller was undefined;
But now I really can’t find where this phenomenon occurs.

Looking at the IE debugging tool, I found that the network requested the CSS file, but it stopped when it reached JS?

Answer 1

I found it was a console problem. If you don’t start the debugging tool in IE9, the code will stop as soon as it reaches the console;

• • I didn’t expect that. . .

Answer 2

Thank you for the invitation.
There is nothing in your code, and it doesn’t say anything about the angular version. How can I reproduce it? . . How about you show the entire reproducible example and we can continue debugging

Answer 3

It will be difficult to find the problem if it cannot be reproduced stably.

How about you try, comment out the components that are likely to have problems, try them one by one, and find out which one is causing the problem first

Answer 4

It seems to be related to meta, please join

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Try again?

Answer 5

Mom no longer has to worry about Console is undefined

if(!(window.console && console.log)) {
  window.console = {
    log: function(){},
    debug: function(){},
    info: function(){},
    warn: function(){},
    error: function(){}
  };
}