协议相对路径（如//cdn.example.com/style.css）在当今已无实际价值且易引发问题：HTTPS普及使其“自动适配”需求消失；老旧代理可能误解析为file://导致404；本地file://页面直接报错；构建工具支持差；应统一用https://或根相对路径替代。
link 标签里用协议相对路径（如 href="//cdn.example.com/style.css"）在今天基本没实际好处，反而容易出问题。
协议相对路径在 2026 年已失去存在意义
协议相对路径指省略 http: 或 https:，只写 //domain.com/path。它本意是“自动继承当前页面协议”，但现实是：
- 几乎所有现代网站都强制 HTTPS，
http://页面几乎绝迹 —— 没有混合协议场景，就不存在“自动适配”需求 - 主流 CDN 和浏览器对
//路径无特殊优化；HTTP/2、HTTP/3 下连接复用与协议无关 - 某些老旧代理或企业内网设备会把
//解析为本地文件协议（file://），直接导致 404 或跨域报错
rel="stylesheet" 场景下更危险的副作用
当用 link rel="stylesheet" href="//cdn.example.com/style.css" 时：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 如果页面本身是
file://协议（比如本地双击打开 HTML 文件），浏览器会尝试请求file://cdn.example.com/style.css，报错net::ERR_FILE_NOT_FOUND - 服务端若未配置
Content-Security-Policy允许file:协议，连开发调试都会被拦截 - Webpack/Vite 等构建工具默认不处理
//路径，可能在 dev server 中返回 404，而你查不到日志源头
真正该用的替代方案
不用纠结协议，直接写明确协议 + 正确路径：
- 生产环境统一用
https://：安全、兼容、语义清晰，CDN 也认这个 - 本地开发用根相对路径（
/assets/style.css）或别名（@/styles/main.css），由构建工具解析 - 需要动态切换 CDN 域名？用构建时变量（如
process.env.CDN_HOST）注入，而不是靠协议相对路径“投机”
协议相对路径是个过时的权宜之计，现在留着它，只会让路径逻辑更难追踪、错误更难复现 —— 尤其当你在 link 标签里混用 rel="preload"、rel="icon" 等多种资源类型时，不同 rel 对协议敏感度还不一样，更容易踩到边界 case。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
