如何用angularjs检测混合内容？

Question

我有一个在tomcat运行的angularjs应用程序，在loadbalancer后面

如果通过带有https的负载均衡器请求应用程序，则平衡器仍然通过http在内部请求应用程序。

问题：在这种情况下，我想隐藏一个显示混合内容的选项卡（因为我必须嵌入不支持https的外部pdf链接，因此我想隐藏它们）。

我不能使用$location.protocol()因为应用程序位于负载均衡器后面，并且始终只获取http 。

问题：我是否有可能检测到浏览器是否实际显示mixed content ？

Answer 1

您无法以简单的方式检测它。 您可以尝试在iframe上侦听加载事件并设置超时，并在超时触发时阻止iframe，因为iframe没有像这样加载（ jsfiddle示例 ）：

checkMixedContent(urlToCheck, function(urlToCheck) {
    // For example, change location
    alert('ok');
    // load iframe
}, function() {
    alert('Error: resource timed out');
    // hide iframe / show message
}, checkDelay);

function checkMixedContent(urlToCheck, successCallback, errorCallback, checkDelay, dontCheckOnError) {
    checkDelay = checkDelay || 10000;
    // 1. Create invisible iframe and append it to body
    var iframeHelper = document.createElement("iframe");
    iframeHelper.src = urlToCheck;
    iframeHelper.height = 0;
    iframeHelper.width = 0;
    iframeHelper.style.visibility = 'hidden';
    document.body.appendChild(iframeHelper);

    // 2. Set time out and while content on iframeHelper.src should be definitely loaded
    var checkTimeout = window.setTimeout(function() {
        errorCallback(urlToCheck);
    }, checkDelay);

    var onLoad = function() {
        window.clearTimeout(checkTimeout); // if OK - not show error => clearTimeout

        iframeHelper.removeEventListener('load', onLoad);
        iframeHelper.removeEventListener('error', onError);
        document.body.removeChild(iframeHelper);
        successCallback(urlToCheck);
    };

    var onError = function() {
        window.clearTimeout(checkTimeout); // if OK - not show error => clearTimeout

        iframeHelper.removeEventListener('load', onLoad);
        iframeHelper.removeEventListener('error', onError);
        document.body.removeChild(iframeHelper);
        errorCallback(urlToCheck);
    };

    // 3. If everything is fine - "load" should be triggered
    iframeHelper.addEventListener('load', onLoad);


    // Turn "true" in case of "X-Frame-Options: SAMEORIGIN"
    if (!dontCheckOnError) {
        iframeHelper.addEventListener('error', onError);
    }

}