把GitHub网页离线保存到本地后，网页布局混乱问题（CSS未加载）

故障：
使用Chrome把GitHub上的Markdown页面保存到本地（“网页另存为”），存为HTML格式。再次用Chrome打开时，出现网页布局混乱问题（CSS未正确加载）。

 

原因：

控制台报错：Access to CSS stylesheet at 'file:///path/frameworks-XXX.css' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

跨域文件加载限制。

 

解决方法：

（1）使用Notepad++打开html文件，把以下两个字符串替换为空：

crossorigin="anonymous"
查找模式：普通

 

integrity="[^"]*"
查找模式：正则表达式
 

（2）保存时，避免网页的文件名过长；否则也会因为路径太长，无法加载CSS。

 

简单解决方法：
换用IE 11浏览器打开离线保存的网页即可。