Chrome 64版本升级后本地网页DevTools无法添加新样式规则

我之前刚好碰到过这个问题！这是Chrome 64版本开始针对file://协议本地文件新增的安全限制导致的，具体的问题重现步骤如下：

• 创建任意HTML文件，比如命名为test.htm，放在本地C盘根目录（或任意本地文件夹）
• 在Google Chrome中打开该文件，地址栏的URL格式为file:///C:/test.htm
• 右键页面任意位置，选择「检查」打开开发者工具
• 尝试点击元素面板中任意元素的"Add new style rule"图标（就是样式区域旁的小加号）
• 此时会发现功能失效：新增的样式规则在编辑时会直接从样式面板中消失

但如果通过HTTP服务器访问该文件（比如用http://localhost/test.htm打开），这个添加样式规则的功能就能正常使用。这个问题是从Chrome升级到64版本之后才出现的。

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