网站未部署SSL协议处于不安全状态时能否触发JavaScript alert弹窗？

这个需求完全可以通过JavaScript实现，实现逻辑非常简单：

• 核心判断依赖浏览器提供的window.location.protocol属性，该属性会返回当前页面使用的传输协议，HTTPS协议对应返回值为https:，HTTP协议对应返回值为http:
• 只需要判断该属性值是否为http:，符合条件时触发alert即可

代码示例 #

你可以直接使用下面的脚本：

// 等待DOM加载完成后执行检测
document.addEventListener('DOMContentLoaded', () => {
  if (location.protocol === 'http:') {
    alert('当前站点未使用SSL加密协议，访问存在数据泄露风险，请谨慎操作！');
  }
});

补充说明 #

如果不需要等DOM加载完成，也可以直接把判断逻辑写在页面任意位置的script标签内，只要脚本加载时就会执行检测，无需等待其他资源加载。

内容的提问来源于stack exchange，提问作者WooxHimself