未转义的'#'不推荐使用数据URI正文中的字符;如何在项目中找到?

时间:2018-05-31 00:22:58

标签: google-chrome data-uri

我在Angular 2+应用程序中收到Chrome的警告。好吧,那么我该如何在具有如此多数据URI的项目中找到这个问题的位置呢?我想,等待它失败?让人惊讶。

  

[弃用]使用未转义的'#'数据URI主体中的字符是   已弃用,将于2018年5月左右在M67中删除。请使用   '%23'代替。看到   https://www.chromestatus.com/features/5656049583390720了解更多信息   的信息。

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

2 个答案:

答案 0 :(得分:8)

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

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

答案 1 :(得分:4)

在我的情况下,我注意到填写输入时会触发消息。所以我提出了jquery验证,禁用它没有激活消息。

最后我发现它在bootstrap框架中。验证输入后,会向HTML添加复选框或交叉。这是基于SVG完成的,SVG包含属性fill='#3cb85c'

fill属性中的hashtag会在我的情况下触发消息!将#更改为%23可解决问题。