URL 开头有双斜杠？

Question

我目前正在开发一个 chrome 扩展，它允许我下载网页上使用过的字体文件。

\n

当我解析该网站的字体时，我遇到了其中一个字体 URL 的奇怪边缘情况。

\n

对于字体，Freddy规则@font-face如下所示：

\n

@font-face {\nfont-family: \'Freddy\';\nsrc: url("//cdn.shopify.com/s/files/1/0548/8708/8184/t/24/assets/freddy_regular_2-webfont.woff?v=147712666987587936441646682936") format("woff") , \n  url("//cdn.shopify.com/s/files/1/0548/8708/8184/t/24/assets/Freddy_Regular_2.ttf?v=64870238297763773461646682938") format("truetype") , \n  url("//cdn.shopify.com/s/files/1/0548/8708/8184/t/24/assets/freddy_regular_2-webfont.woff2?v=66678714148373221751646682937") format("woff2"); /* Safari, Android, iOS */}\n

\n

这破坏了我的脚本，因为双斜杠使其成为无效的 URL（即，如果我按原样将其输入浏览器，则会出现错误）。

\n

所以我想知道 \xe2\x80\x94 这个 URL 开头的双斜杠的目的是什么？如果它看起来是无效的 URL，那么它实际上如何检索字体？

\n

Answer 1

当引用另一个域上的内容时，以两个斜杠而不是http或https协议开头的 URL 会告诉浏览器使用与源页面相同的协议来请求 URL 的内容（以防止混合内容）。

这些 URL 不适合在地址栏中输入，这就是为什么当您尝试直接导航到它们时它们看起来是无效 URL。