如何使用 angularjs 检测混合内容

How to detect mixed content with angularjs?

本文关键字：混合 检测 何使用 angularjs      更新时间：2023-09-26

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

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

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

我无法使用$location.protocol()因为该应用程序位于负载均衡器后面，并且总是只能http。

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

您无法以简单的方式检测到它。您可以尝试在 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);
    }
}
相关文章：