CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 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中的@L_772_1@,其中Symantec证书被自动拒绝.如果您可以控制您的客户和您正在使用的Chrome版本,我不知道,但如果它们不是最新的,它可能是一个领先者.

您还为自己的网站使用了哪种证书?它值得信赖吗?它不是,您可以使用LetsEncrypt创建一个受大多数CA信任的.过去有关于自签名证书和Chrome的问题,您可以在门票@L_450_3@和@L_450_3@找到.

如果没有任何帮助,您可能需do a NetLog dump,以便我们了解有关您的问题的更多信息.

大佬总结

以上是大佬教程为你收集整理的css – Chromebook上的Chrome无法从CDN加载样式全部内容,希望文章能够帮你解决css – Chromebook上的Chrome无法从CDN加载样式所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。