内容混杂googlechrome，找不到来源

Question

我正在开发一个 golang 网页，在将我的页面部署到 google 应用引擎 (appspot.com) 时运行遇到了一些麻烦。这是因为我运行它在我的机器上开发时使用 http，但在部署时使用 https。

Google chrome 不喜欢这样，所以它阻止了试图通过 http 加载的内容。我对此很好，因为我喜欢安全。但是我找不到来源

我所有的包含都是 https 或 //，或者只是本地文件。

这是 chrome 中错误的图像。

这是我使用的一些包含。也许其中一些正在加载字体？

<link href="/static/css/googlefont.css" rel='stylesheet' type='text/css'>
    <link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="/static/css/style.css" rel="stylesheet" type="text/css">
    <link href="/static/css/sweetalert2.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/modal.css" rel="stylesheet" type="text/css">
        
    <script src="/static/js/jquery.js"></script>
    <!--<script src="/static/js/jquery.min.js"></script>-->
    <script src="/static/js/register.js"></script>
    <script src="/static/js/login.js"></script>
    <script src="/static/js/sweetalert2.min.js"></script> <!-- Sweetalert -->
    <script src="/static/js/spin.min.js"></script> <!-- ?? -->
<script src="/static/js/bootstrap.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/stuff.js"></script>
<script src="/static/js/flat-ui.min.js"></script>
<script src="/static/js/application.js"></script>
<script src="/static/js/bootbox.js"></script>

我好像找不到来源..?

感谢在正确方向上的任何帮助，我在这里要疯了..

Answer 1

检查您的文档正在加载的所有 CSS 样式表，包括通过 @import 加载的所有 CSS 样式表。在其中一个 CSS 样式表中，您很可能有一个带有 url(…) 调用的规则，如下所示：

src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');

使用浏览器开发工具中的 Network 选项卡（或等效项）查看您的文档正在加载的所有资源。您可以按类型对该资源视图进行排序。因此，将其设置为按类型排序，然后查看所有 type=stylesheet 或 type=css 资源的源代码，以查看哪个具有使用不安全 http 方案的 url(…) .

Answer 2

如果有人还没有，那么确实应该向 Google 提交功能请求。 Chrome 知道错误的位置但只是在开发人员控制台中显示“(index):1”这一事实并没有解决问题。

与此同时，在 Chrome（版本 68）中找到有问题的 CSS 最简单的方法是 "Customize and control DevTools" 点击右上角的 3 个点开发控制台并单击 "Search" ) 或 "Ctrl+Shift+S"。您可能需要向上拖动屏幕底部的水平窗格。

内容混杂googlechrome，找不到来源

Mixed content google chrome, cant find the source

https

blocking

mixed-content