js判断mixed content

在JavaScript中，可以使用MixedContentChecker API来判断混合内容（mixed content）。

所谓混合内容是指在使用HTTPS安全协议的网页上加载使用HTTP不安全协议的资源，例如图片、脚本或样式表等。这可能导致安全隐患，因为HTTP协议不具备加密传输数据的能力，可能被恶意攻击者拦截或篡改。

MixedContentChecker API提供的方法可以检测网页中是否存在混合内容。下面是一个简单的示例：

if (navigator.maxTouchPoints > 0) {
  navigator.permissions.query({ name: 'geolocation' })
    .then(result => {
      if (result.state === 'granted' || result.state === 'prompt') {
        checkMixedContent();
      }
    });
} else {
  checkMixedContent();
}

function checkMixedContent() {
  if (document.images) {
    const images = document.images;
    for (let i = 0; i < images.length; i++) {
      if (images[i].src.startsWith('http://')) {
        console.warn('存在混合内容：', images[i].src);
      }
    }
  }
  // 同样的方法可以应用到其他资源，如脚本、样式表等
}

以上代码首先通过navigator.permissions.query()方法获取用户位置权限，之后再调用checkMixedContent()方法检查混合内容。在检查时，可以遍历网页中所有的图片（也可以通过类似的方式检查其他资源），如果某个图片的src属性以http://开头，则可以判断为存在混合内容，并通过console.warn()方法打印出来。

通过使用MixedContentChecker API，开发人员可以轻松地判断混合内容，并采取相应的措施，例如修改资源链接为HTTPS，或者通过代理服务器将HTTP请求转换为HTTPS请求等，以保证网页的安全性。