javascript - 以编程方式检测 Chrome 中的混合内容阻止

Question

有谁知道是否可以在 JavaScript 中检测到 Chrome 由于混合内容限制而阻止了内容？我看到控制台中有一条错误消息，但这似乎不是一个异常(exception)，因为使用 try/catch 没有捕获任何东西..

那么问题来了，如何检测到内容被屏蔽了？

谢谢!

Answer 1

我有一个类似的场景，我盲目地嵌入了可以在 HTTP 或 HTTPS 域上的 iframe。我发现了一个可行的变通方法，假设如下:

• 您的网站有 HTTP 和 HTTPS 版本。
• 你有可用的jQuery

我已经对代码进行了注释，因此它很容易理解:

<script type="text/javascript">
    $(function () { /* when DOM is fully loaded */
        if ("https:" == window.location.protocol)
        { /* we are on the SSL (HTTPS) version of our website */
            $.each($("iframe"), function (k, iframe)
            { /* iterate through all iframes */
                if ("http:" == $(iframe).attr('src').substring(0, 5))
                { /* there's at least an iframe with non-SSL (HTTP) content (that will be blocked by the browser) */
                    /* lets redirect user to the non-SSL (HTTP) version of the website */
                    window.location = window.location.href.replace(/^https:\/\//ig, "http://");
                    return false;
                }
            })
        }
    });
</script>