当前位置:Gxlcms > PHP教程 > javascript-如果一个页面打开了之后空白,你会如何定位问题?如果不是网络、服务器的问题,就是前端问题,该如何定位?

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

时间:2021-07-01 10:21:17 帮助过:126人阅读

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

回复内容:

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

浏览器开发者工具中查看页面返回的状态码,如果是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()来进行调试。

人气教程排行