应用背景
如果用户当前访问的页面是通过 HTTPS 协议来浏览的,那么网页中的资源也只能通过 HTTPS
协议来引用,否则浏览器会出现警告信息,不同浏览器警告信息展现形式不同
解决方案:
为了解决这个问题,我们可以省略 URL
的协议声明,省略后浏览器照样可以正常引用相应的资源,这项解决方案称protocol-relative URL,暂且可译作协议相对
URL。如果使用协议相对 URL,无论是使用 HTTPS,还是 HTTP
访问页面,浏览器都会以相同的协议请求页面中的资源,避免弹出类似的警告信息,同时还可以节省5字节的数据量。
代码展示
应用效果