【问题标题】:Blocked loading mixed active content Mozilla Browser阻止加载混合活动内容 Mozilla 浏览器
【发布时间】:2018-12-04 17:21:00
【问题描述】:

我正在处理 HTML 模板并面临 Mozilla 浏览器的新问题。我在控制台中收到这些警告 错误::

阻止加载混合的活动内容 “http://site_url/assets/fonts/fontawesome-webfont.woff2?v=4.7.0”

阻止加载混合的活动内容 “http://site_url/assets/fonts/icofont.ttf?v=1.0.0-beta”

检查屏幕截图::

我阅读了有关 Mozilla 新的安全更改的信息,并尝试不使用混合内容。现在我的模板没有任何 https://.... url 。我包括了这样的字体:

<link href="//fonts.googleapis.com/css?family=Exo:300,400,500,500i,600,600i,700,900" rel="stylesheet"> 
<script src='//maps.googleapis.com/maps/api/js?key=GoogleAPIKey' type="text/javascript"></script>

如何解决这些错误。

【问题讨论】:

    标签: javascript jquery html warnings


    【解决方案1】:

    在html头标签中添加这段代码

     <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    

    【讨论】:

    • 我之前已经试过了,但是应用了这个之后,我的页面样式不起作用,应用这个后大部分css和js库加载失败。
    • 你的网站是http还是https?
    • 我的网站是http
    • 您是否尝试过使用 CDN 链接。不要在本地下载。
    • 我在我的 html 模板中使用 Snazzy 地图,如果我在评论地图 iframe 代码,那么它不会显示任何错误。 Snazzy 地图加载 google api,带有 https 请求的标记 js。但我很困惑,因为它显示字体被阻止。注释地图 iframe 代码后,页面上没有错误。但我想在我的联系我们 html 模板中使用这个样式的地图
    猜你喜欢
    • 2014-01-03
    • 1970-01-01
    • 2017-01-23
    • 2018-07-30
    • 2017-05-12
    • 1970-01-01
    • 1970-01-01
    • 2019-06-09
    • 2013-12-31
    相关资源
    最近更新 更多