javascript - 如果一个页面打开了之后空白，你会如何定位问题？如果不是网络、服务器的问题，就是前端问题，该如何定位？

刚才，看到一个面试题，不知道咋回答。不知道大家怎么想的。非常感谢。

回复内容：

刚才，看到一个面试题，不知道咋回答。不知道大家怎么想的。非常感谢。

浏览器开发者工具中查看页面返回的状态码，如果是500系列的，那就是服务器错误，可以查看web服务器的错误日志发现错误在哪里，如果是200返回成功的，可以看看console这个下边有没有报错的信息以确定是不是js有问题，还可以查看页面源代码，看看是否有内容，当然这样发现问题的可能性不大

1.Frontend Analysis:open the chrome dev tool,record the http[s] proccess,then you will get the http status code;
2.Backend Analysis: grep nginx error log or access log,grep the unexpected http request,then get it.

js阻塞？
如果外部js是在

中引入并且执行时间很长，这个时候页面应该是空白的。直到加载并执行完中的外部文件，才能显示页面，也就是部分。

看资源加载情况，确定是不是网络或服务器问题。看js有无报错卡住页面加载。看页面源代码。

如果是前端的问题的话，那也是有许多类型的错误的，例如脚本加载错误，js代码问题等等。如果是资源加载问题的话，从浏览器开发者工具中应该可以侦查出来的，可以对症下药。如果是代码中的问题，解决方法也很多，try...catch是比较简单常用的方法。我知道的就这么多了。

我自己的解决方式，但不知道适不适合做面试答案，如果不合理请多包涵。

---

1. 首先如果是我自己写的时候本来是有页面的，在写了一些代码之后，再次刷新浏览器出现空白，会将刚写好的代代码，整段的复制出来，然后删除原来页面上的，看好没好，如果好了，检查新的代码，然后再放到主代码里面。

2. 其次，如果写了很多代码，都不知道哪里出问题，就首先打开看下页面，标签是否完整，head部分链接是否正确，js顺序是否正确，是否有冲突。

3. 写JS的时候我个人习惯使用ff和谷歌这个2个浏览器，出了问题之后会，F12看控制台是否报错，多使用console.log().alert()来进行调试。