url - What protocol is loaded when using protocol-relative URLs?

Question

I just started to test the idea behind "protocol less Urls".

The problem I´m looking to solve is: on a https page I need to load an external css file from http.

Doing this the "normal" way results in failure... the css file is blocked. (Just testing with chrome for now).

So my question is: Will "protocol less Urls" load the file from http/https/both?

Answer 1

如果您指的是类似的 URL www.example.com/style.css，那将无法正常工作，因为该协议完全缺失；浏览器会将www.example.com其视为某种目录路径名。

如果您指的是类似的 URL //www.example.com/style.css，那是一个相对于协议的 URL；它使用与浏览器已用于请求引用页面的协议相同的协议。例如，如果浏览器请求了一个带有 的页面https://www.example.com，那么将通过 HTTPS 而不是 HTTP 请求该 URL。

浏览器对这些 URL 的支持通常非常好；请参阅以下问题：

• 在 <script src="http://..."> 中用 // 替换 http:// 是否有效？
• 我可以将所有 http:// 链接更改为 // 吗？