百度浏览器无法显示svg图标的根本原因是默认禁用svg解码模块且webp解码未启用；需在baidu://flags中启用“enable svg image rendering support”和“enable webp image decoding”并重启，同时规范内嵌svg结构、清理命名空间、补全宽高属性，并确保外链svg服务端返回content-type为image/svg+xml。

百度浏览器无法正常显示SVG矢量图标，根本原因在于其默认禁用SVG解码模块，且WebP解码通道未启用——遇到时直接留白，不报错、不提示、不 fallback，用户完全无法察觉问题所在。

启用百度浏览器内置SVG渲染支持

第一步：在地址栏输入 【baidu://flags】 并回车，进入实验性功能页。

第二步：按 Ctrl+F 搜索关键词 【svg】，找到 “Enable SVG image rendering support” 选项，点击右侧下拉菜单，选中 Enabled。

第三步：继续搜索 【webp】，将 “Enable WebP image decoding” 同样设为 Enabled——【WebP与SVG共用同一底层解码器，缺一不可】。

第四步：滚动到页面底部，点击 【重启浏览器】 按钮。⚠️【不重启设置不生效，所有改动均无效】

修复内嵌SVG的结构兼容性

如果SVG是直接写在HTML里的代码却仍空白，问题一定出在语法结构上。百度浏览器（尤其旧版）对嵌套和命名空间极其敏感，稍有不合规就静默终止渲染。

方法一：扁平化嵌套结构
把所有子级

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

方法二：清理冗余命名空间
只保留根【必须删除所有 xmlns:xlink 声明】，并把所有 xlink:href 改为 href——xlink 在现代标准中已废弃，百度浏览器会因重复声明中断解析。

方法三：补全强制渲染属性
为根

验证外链SVG的服务端配置

外链SVG（即）加载失败，80%以上源于服务端MIME类型错误，而非浏览器本身问题。

① 用Chrome打开同个SVG链接（如 https://example.com/logo.svg），右键→检查→Network 标签页，刷新后查看该请求的 Response Headers 中 Content-Type 是否为 【image/svg+xml】。

② 若显示 text/plain 或 application/octet-stream，说明服务器未正确配置 MIME 类型。

③ Apache 用户请在 .htaccess 中添加：
AddType image/svg+xml .svg
nginx 用户请在 server 块中添加：
types { image/svg+xml svg; }