验证HTTPS证书有效性需三步：一、浏览器开发者工具查证书信息；二、在线SSL检测工具分析证书链与OCSP状态；三、OpenSSL命令行本地验证并提取证书详情。
如果您尝试验证某个网站是否正确部署了适用于HTML5环境的HTTPS证书，或需确认其SSL证书是否有效、未过期、匹配域名且由可信机构签发，则可能是由于证书链不完整、域名不匹配或已吊销导致验证失败。以下是验证站点HTTPS证书有效性的具体操作方法：
一、使用浏览器开发者工具查看证书信息
现代主流浏览器内置证书检查功能，可直接在页面加载时抓取并展示当前连接所使用的SSL/TLS证书详情，适用于快速验证HTML5应用所依赖的HTTPS服务端证书状态。
1、在Chrome或Edge浏览器中打开目标网站（确保地址以https://开头）。
2、点击地址栏左侧的锁形图标。
立即学习“前端免费学习笔记（深入）”；
3、选择“连接是安全的”或“证书有效”，点击展开详细信息。
4、在弹出窗口中查看“证书”选项卡，确认颁发者、有效期、主题名称（Subject CN 或 SAN）、公钥算法及证书路径是否完整。
5、重点核对“有效期至”字段是否在当前日期之后，以及“颁发给”中的域名是否与访问域名完全一致（含www前缀差异）。
二、通过在线SSL检测工具验证证书链与配置
第三方SSL检测服务可模拟真实客户端握手过程，分析证书链完整性、中间证书缺失、OCSP响应状态、密钥强度及协议支持情况，特别适合排查HTML5应用跨域请求或Service Worker注册失败等底层HTTPS异常。
1、访问权威SSL检测网站，例如 https://www.sslshopper.com/ssl-checker.html 或 https://www.ssllabs.com/ssltest/。
2、在输入框中填写目标网站的完整域名（如 example.com，无需https://前缀）。
3、点击“Check SSL Certificate”或“Submit”发起检测。
4、等待扫描完成（通常10–30秒），查看报告中“Certificate Chain”部分是否显示“Valid”且无红色警告标记。
5、特别关注“Revocation Status”是否为“Good”，以及“OCSP Stapling”是否启用。
三、使用OpenSSL命令行工具本地验证证书
对于具备终端访问权限的用户，OpenSSL可绕过浏览器缓存直接与服务器建立TLS连接并提取原始证书数据，适用于调试HTML5 PWA安装失败、fetch()请求被拒绝等底层证书信任问题。
1、打开系统终端（macOS/Linux）或Windows PowerShell（以管理员身份运行）。
2、执行命令：openssl s_client -connect example.com:443 -servername example.com -showcerts（将example.com替换为目标域名）。
3、观察输出中是否包含“Verify return code: 0 (ok)”；若返回非零值，说明证书验证失败。
4、复制BEGIN CERTIFICATE至END CERTIFICATE之间的整段内容（含换行），保存为cert.pem文件。
5、执行：openssl x509 -in cert.pem -text -noout | grep -E "(Not Before|Not After|Subject:|Issuer:)"，提取关键时效与身份信息。
