GitHub不能正常打开以及CSS样式加载不成功的解决方案

   大家好,今天分享GitHub不能正常打开以及CSS样式加载不成功的解决方案。当GitHub在没有“科学上网”的情况下,不能正常打开时,最直接的检测方法就是 ping 掉包情况。(当然还有其它抓包的方法)。通过 ping github.com可见,有超时(请求) 情况出现,这说明服务器响应有丢包的情况。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第1张图片



   首先,我们可以通过以上ping 的结果,看到服务端的IP地址是 20.205.243.166, 然后打开 Local 的 C:\Windows\System32\drivers\etc\hosts file, 把这 IP地址和对应的 github.com 添加到最后,保存并退出。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第2张图片



   重新刷新 DNS缓存。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第3张图片



   重新打开浏览器,打开 github.com 后会发现,网页可以打开,但是 CSS 的样式完全 disable 一样。再 ping 一次,包没有掉,那究竟原因是什么了?



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第4张图片



   打开 Network & Console 查看具体原因,发现以下的 Error 报错提示。大概意思就是说这CSS样式的 API 请求又是请求超时的原因。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第5张图片



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第6张图片



   既然找到主因,可以继续沿用刚才的方法,首先 ping 一下 github.githubassets.com 这个和 CSS样式相关的节点。果然也是出现掉包的情况。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第7张图片



   同样,把相关的 IP 和 github.githubassets.com 添加到刚才那个 host file 的最后面,保存并退出。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第8张图片



   同样刷新 DNS 缓存后,再尝试 ping 多次,可见掉包的情况没有了。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第9张图片



   重新刷新浏览器,网页终于可以正常打开并带有正常的CSS 样式了。



GitHub不能正常打开以及CSS样式加载不成功的解决方案_第10张图片

你可能感兴趣的:(css,前端)