此方法适用以下可能情况问题排查：
1.地址栏明明访问的是HTTP协议，但是在浏览器调试看到的确是请求加载的是https资源；
2.地址栏访问的是HTTPS，但是页面上加载了HTTP资源，比如第三方的JS等；
3.此问题可能排查发生跨域问题排查或者强制https访问或者出现mix content blocked等错误；
4.业务网址在https和http不同协议下，访问到的样式或者请求不一致；
首先简单了解下：
1.浏览器调试模式：F12，在console中可以查看打印日志或者错误日志，在network中可以看到请求资源和相应内容；
2.业务网址在https和http不同协议下，访问到的样式或者请求不一致。
解决：
1.所有请求强制https，比如在Tomcat或者Nginx进行强制跳转443，或者在代码中、网页中、写Https。比如在H5页面中加入：
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">将协议升级成https，但是加入这个需要配合Https协议地址栏访问，否则你Http访问或提示跨域等问题；
或者在服务器响应中加入：
header("Content-Security-Policy: upgrade-insecure-requests");但是这种方法，结合实际使用，尤其是强制HTTPS时候。假如你服务器有老项目等。
2.使用相对协议，在资源头里不加入Http或者https，只有//，举例：
另外一个，比如服务器强制HTTPS，直播地址是http://xxx.m3u8格式。可以申请CNAME解析的播流域名SSL证书，比如去对应的云服务器控制台。
使用方式2可以兼容https和http访问，结合实际来。