为什么要省略URL的协议声明

应用背景

如果用户当前访问的页面是通过 HTTPS 协议来浏览的，那么网页中的资源也只能通过 HTTPS
协议来引用，否则浏览器会出现警告信息，不同浏览器警告信息展现形式不同

解决方案：

为了解决这个问题，我们可以省略 URL
的协议声明，省略后浏览器照样可以正常引用相应的资源，这项解决方案称protocol-relative URL，暂且可译作协议相对
URL。如果使用协议相对 URL，无论是使用 HTTPS，还是 HTTP
访问页面，浏览器都会以相同的协议请求页面中的资源，避免弹出类似的警告信息，同时还可以节省5字节的数据量。

代码展示

应用效果