Chrome 64中无法从本地CSS文件访问cssRules问题求助

问题场景 #

你提到的情况是：外部样式文件myStyle.css的内容为：

body{background-color:green;}

当使用<style></style>内嵌样式时，脚本运行完全正常，但引用这个外部CSS文件时却出现了异常。

解决方案 #

针对这个问题，有几个经过验证的实用解决办法：

• 部署到服务器环境：把文件放到在线服务器或者本地localhost（比如用XAMPP、WAMP搭建）中运行，这种情况下浏览器不会限制本地文件的跨域访问，外部CSS就能正常加载了
• 更换浏览器测试：尝试用Internet Explorer、Microsoft Edge或Firefox打开页面，这些浏览器对本地文件的资源引用限制更宽松，一般能正常加载外部CSS
• 修改Chrome启动参数：如果必须使用Chrome，可以通过命令行启动并添加参数来解除限制。打开终端/命令提示符，执行命令：chrome --allow-file-access-from-files，用这个方式启动的Chrome就能允许本地HTML文件加载外部CSS资源了

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