Chrome 79访问GitHub文档空白控制台报sendBeacon等错误如何解决

• 核心根因为当前使用的Chrome 79版本过旧，和GitHub文档的前端技术栈不兼容：当前GitHub文档基于Next.js框架构建，大量使用了近年新增的浏览器前端API，2019年发布的Chrome 79不支持相关特性，直接导致代码执行报错、页面渲染中断白屏。
• 控制台的sendBeacon相关报错是Chrome 79的已知缺陷：该版本限制了非CORS安全列表Content-Type类型的Blob调用sendBeacon接口，GitHub文档的前端埋点逻辑触发了该限制，抛出的未捕获异常直接中断了后续代码执行。
• TypeError: Cannot read property 'cookies' of undefined报错是因为GitHub文档依赖的浏览器存储相关API在Chrome 79中未实现或实现不符合规范，直接导致渲染流程崩溃。
• 404资源加载错误是因为GitHub针对不同版本浏览器做了资源差异化分发，旧版本浏览器请求的部分资源已经下线，进一步加重了渲染失败的问题。

可按优先级从高到低选择：

• 优先升级Chrome浏览器到最新正式版，最低要求升级至Chrome 90及以上版本，版本升级后所有兼容性问题会自动修复，可正常访问GitHub文档。
• 若暂时无法升级Chrome，可直接使用MacOS 12.0.1自带的Safari浏览器访问，该系统版本自带的Safari对GitHub文档所需的特性支持完整，可正常加载内容。
• 若必须使用当前版本Chrome访问，可尝试开启无痕模式、禁用所有扩展插件后重新访问，该方式可以绕过部分扩展导致的额外异常，但不保证能完全加载所有文档内容。

内容的提问来源于stack exchange，提问作者Dario Scoppelletti