https 页面中引入 http 资源的解决方式

问题描述

1. 浏览器默认是不允许在 https 里面引用 http 资源的，一般都会弹出提示框。用户确认后才会继续加载，用户体验非常差。
2. 如果在一个 https 页面里动态的引入 http 资源，比如引入一个 js 文件，会被直接 block 掉的。

解决方式

1. 相对协议
   将URL的协议（http、https）去掉，只保留//及后面的内容。这样，在使用https的网站中，浏览器会通过https请求URL，否则就通过http发送请求,如果是浏览本地文件，浏览器通过file://协议发送请求，导致请求失败，因此本地测试最好是搭建一个本地服务器。具体使用方法：

<img src="//domain.com/img/logo.png">