查错之旅 GitHub排版混乱--特定浏览器加载时错误

2024-01-27 01:58

本文主要是介绍查错之旅 GitHub排版混乱--特定浏览器加载时错误,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前面的话:

上一次打开Github也就是两三天内的事情,莫名其妙的,今天再打开排版会很混乱,本以为是个小问题,可Google之后竟没有一个简单的解释,纠错之旅,磕磕绊绊。

错误效果截图:

这里写图片描述

纠错尝试

1. 网络切换–失败

这种没加载好的问题,最简单的是网络不好,但换了好几个网络过后,一如既往…

2. 第三方浏览器尝试连接GitHub–成功

居然在Edge上能正常访问,那就是chrome的锅了,想不到你也有今天。
(不过还不好说,最近更新了一次win,说不定是被微软强暴了)

3. 关闭chrome插件–失败

chrome这种神器,怎么能背锅呢,一定是插件冲突了,(不想跟你讲道理,并向你扔了一口锅)。然而失败了,关闭了各种插件,尤其是最可能的广告拦截,仍然不起作用。

4. 修改hosts–失败

无奈之下,上Google看了看,可惜对前端没有太多了解,关键词可能出问题了。总之,一番搜索下来,最有可能的是这个解释:

github的DNS被GFW污染了
之前为了翻墙,改了系统hosts文件下github的DNS解析。

乍一看很有道理,可要是这样的话,其他浏览器应该也加载不了。
果然,改完hosts也没有用。

5. 清除Cookie及其它网页数据–成功!!!

我查看了chrome与Microsoft Edge对GitHub.com的加载情况,差异是这个:

chrome :
这里写图片描述

这是Microsoft Edge 的对应信息
这里写图片描述

于是,我试着访问

“https://assets-cdn.github.com/assets/frameworks-592c4aa40e940d1b0607a3cf272916ff.css” ,

惊奇地发现:chrome禁止我访问,而Edge能下载一个110kb的文件。

我确信是chrome出了问题,于是我查看chrome的各项设置情况,看见了“清除Cookie及其他网站信息”这一项,这是很有可能的问题。
我清除Cookie数据后再次访问,果然成功了。

总结与吐槽:

幸好我了解一点Cookie相关的皮毛,不然会更坑。

下面这段摘自维基百科,介绍一下Cookie的用途:

因为HTTP协议是无状态的,即服务器不知道用户上一次做了什么,这严重阻碍了交互式Web应用程序的实现。在典型的网上购物场景中,用户浏览了几个页面,买了一盒饼干和两瓶饮料。最后结帐时,由于HTTP的无状态性,不通过额外的手段,服务器并不知道用户到底买了什么,所以Cookie就是用来绕开HTTP的无状态性的“额外手段”之一。服务器可以设置或读取Cookies中包含信息,借此维护用户跟服务器会话中的状态。在刚才的购物场景中,当用户选购了第一项商品,服务器在向用户发送网页的同时,还发送了一段Cookie,记录着那项商品的信息。当用户访问另一个页面,浏览器会把Cookie发送给服务器,于是服务器知道他之前选购了什么。用户继续选购饮料,服务器就在原来那段Cookie里追加新的商品信息。结帐时,服务器读取发送来的Cookie就行了。Cookie另一个典型的应用是当登录一个网站时,网站往往会请求用户输入用户名和密码,并且用户可以勾选“下次自动登录”。如果勾选了,那么下次访问同一网站时,用户会发现没输入用户名和密码就已经登录了。这正是因为前一次登录时,服务器发送了包含登录凭据(用户名加密码的某种加密形式)的Cookie到用户的硬盘上。第二次登录时,如果该Cookie尚未到期,浏览器会发送该Cookie,服务器验证凭据,于是不必输入用户名和密码就让用户登录了。

简单来说,就是通过一个Cookie形式的验证后,网站知道你是谁,在他那里做过什么事,依次来方便与客户之间的交互。

在这次坑爹之旅中,

  • GitHub在加载中通过检测Cookie,发现我之前通过chrome访问过
  • 既然加载过,chrome里应该存有GitHub的排版格式信息,那GitHub就不给你发了,自己上缓存找去(总不能每次都发排版格式嘛,网络多累啊)
  • 出于某种不为人知的原因,我的排版格式丢失了,GitHub以为我在骗他,觉得我有文件,偷懒不给我重发(为了加速网络)
  • 最后单单chrome加载错误,而Edge没有问题

补:

最后理论有点问题,因为我成功访问之后,再次尝试访问

https://assets-cdn.github.com/assets/frameworks-592c4aa40e940d1b0607a3cf272916ff.css

是能够得到格式文件的,也就是说可能并不是通过判断是否访问过决定的。
之前可能只是我没有通过cookie验证,
但也有可能是chrome的机制做的自动加载。

精力有限,前端的东西只能暂时告一段落,希望有高手普及一下这方面的知识。

这篇关于查错之旅 GitHub排版混乱--特定浏览器加载时错误的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/648724

相关文章

SpringBoot中配置文件的加载顺序解读

《SpringBoot中配置文件的加载顺序解读》:本文主要介绍SpringBoot中配置文件的加载顺序,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot配置文件的加载顺序1、命令⾏参数2、Java系统属性3、操作系统环境变量5、项目【外部】的ap

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

Windows Docker端口占用错误及解决方案总结

《WindowsDocker端口占用错误及解决方案总结》在Windows环境下使用Docker容器时,端口占用错误是开发和运维中常见且棘手的问题,本文将深入剖析该问题的成因,介绍如何通过查看端口分配... 目录引言Windows docker 端口占用错误及解决方案汇总端口冲突形成原因解析诊断当前端口情况解

C/C++错误信息处理的常见方法及函数

《C/C++错误信息处理的常见方法及函数》C/C++是两种广泛使用的编程语言,特别是在系统编程、嵌入式开发以及高性能计算领域,:本文主要介绍C/C++错误信息处理的常见方法及函数,文中通过代码介绍... 目录前言1. errno 和 perror()示例:2. strerror()示例:3. perror(

Go标准库常见错误分析和解决办法

《Go标准库常见错误分析和解决办法》Go语言的标准库为开发者提供了丰富且高效的工具,涵盖了从网络编程到文件操作等各个方面,然而,标准库虽好,使用不当却可能适得其反,正所谓工欲善其事,必先利其器,本文将... 目录1. 使用了错误的time.Duration2. time.After导致的内存泄漏3. jsO

Spring Boot 配置文件之类型、加载顺序与最佳实践记录

《SpringBoot配置文件之类型、加载顺序与最佳实践记录》SpringBoot的配置文件是灵活且强大的工具,通过合理的配置管理,可以让应用开发和部署更加高效,无论是简单的属性配置,还是复杂... 目录Spring Boot 配置文件详解一、Spring Boot 配置文件类型1.1 applicatio

Python中ModuleNotFoundError: No module named ‘timm’的错误解决

《Python中ModuleNotFoundError:Nomodulenamed‘timm’的错误解决》本文主要介绍了Python中ModuleNotFoundError:Nomodulen... 目录一、引言二、错误原因分析三、解决办法1.安装timm模块2. 检查python环境3. 解决安装路径问题

如何解决mysql出现Incorrect string value for column ‘表项‘ at row 1错误问题

《如何解决mysql出现Incorrectstringvalueforcolumn‘表项‘atrow1错误问题》:本文主要介绍如何解决mysql出现Incorrectstringv... 目录mysql出现Incorrect string value for column ‘表项‘ at row 1错误报错

SpringBoot项目启动报错"找不到或无法加载主类"的解决方法

《SpringBoot项目启动报错找不到或无法加载主类的解决方法》在使用IntelliJIDEA开发基于SpringBoot框架的Java程序时,可能会出现找不到或无法加载主类com.example.... 目录一、问题描述二、排查过程三、解决方案一、问题描述在使用 IntelliJ IDEA 开发基于

使用DrissionPage控制360浏览器的完美解决方案

《使用DrissionPage控制360浏览器的完美解决方案》在网页自动化领域,经常遇到需要保持登录状态、保留Cookie等场景,今天要分享的方案可以完美解决这个问题:使用DrissionPage直接... 目录完整代码引言为什么要使用已有用户数据?核心代码实现1. 导入必要模块2. 关键配置(重点!)3.