数据 URI 正文中未转义的“#”字符已弃用；如何在项目中找到？

Posted 2023-03-17

【中文标题】数据 URI 正文中未转义的“#”字符已弃用；如何在项目中找到？

【英文标题】：Unescaped '#' characters in a data URI body deprecated; How to find in project?

【发布时间】：2018-11-09 22:04:16

【问题描述】：

我在 Angular 2+ 应用程序中收到来自 Chrome 的警告。好的，那么我应该如何在有这么多数据 URI 的项目中找到这个问题发生的位置？等它失败，我猜？哎呀。

[弃用] 在数据 URI 正文中使用未转义的“#”字符是 已弃用，将于 2018 年 5 月左右在 M67 中删除。请使用 '%23' 代替。看 https://www.chromestatus.com/features/5656049583390720 了解更多 详情。

似乎他们应该以某种方式指向源。有什么想法吗？

【问题讨论】：

同样的问题，更新到 M67，但现在它说它将在 M68 中删除。就我而言，我相信 jquery-validation 插件与 jquery 本身有关，还不太确定。

【参考方案1】：

如果您有内联 SVG，请查看颜色参考并将 #rrggbb 替换为 rgb(R, G, B)。它应该会有所帮助。

来源：https://github.com/stylus/stylus/issues/2379

【参考方案2】：

在我的情况下，我注意到在填写输入时触发了该消息。所以我想出了 jquery-validation，禁用它并没有触发消息。

最后我发现它在引导框架中。验证输入后，会在 html 中添加复选框或叉号。这是基于 SVG 完成的，该 SVG 包含一个属性 fill='#3cb85c'

填充属性中的主题标签在我的情况下触发了消息！将 # 更改为 %23 可以解决此问题。

【讨论】：

有谁知道“弃用”究竟意味着什么？如果在 Chrome 中没有替换#，我无法想象在访问网络应用程序/网站时会出现问题......？