Chromebook上的Chrome无法从CDN加载样式
我有一个引用了一些样式表的HTML页面。 大多数样式表对网站都是“本地”的。 我有一个样式表,但是,我从CDN引用。 这是Font-Awesome的css文件。 我的参考如下:
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
我在我的应用程序的几个地方引用了这个css文件中的样式,一个示例引用是:
<span class="fa fa-pencil cursor-pointer margin-left-5" ng-click='openRoomEdit(dataItem)'></span>
除了 Chromebook 以外 ,这些引用在任何地方都可以正常运行 我已经在Windows上使用Edge,Firefox和Chrome以及Mac上的Safari和Chrome进行了测试。 它适用于那些例子中的每一个。 但是,在Chromebook上,它无法从该CSS中找到样式,因此图标无法呈现。
仅在Chromebook上,当它试图从CDN加载CSS文件时,网络面板中出现net::ERR_INSECURE_RESPONSE
。 我使用https引用该文件,该文件来自以有效的SSL证书作为https运行的应用程序。
当我将Font-Awesome文件安装到应用程序本地并以此方式引用时,一切正常。 我希望能够通过CDN来引用它,但由于我的许多客户使用Chromebook,因此我需要弄清楚为什么这不起作用。
为了确保问题不依赖于特定的SSL BootstrapCDN正在使用,您应该尝试使用这一个,而不是第一步。
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
cdnjs和BoostrapCDN都使用SHA-256
,但BootstrapCDN使用的是已于2016年10月生成的Symantec,它让我想到了Chrome 53中的这一错误,其中Symantec证书被自动拒绝。 我不知道你是否可以控制你的客户端和你正在使用的Chrome版本,但如果他们不是最新的,它可能是领先的。
你还使用什么样的证书为你自己的网站? 它是否值得信赖? 它不是,你可以使用LetsEncrypt来创建一个被大多数CA所信任的人。 过去有关自签名证书和Chrome的问题,您可以在#516808和#516808的门票中找到。
如果没有什么帮助,你可能想做一个NetLog转储,所以我们有关于你的问题的更多信息。
链接地址: http://www.djcxy.com/p/38353.html