web-dev-qa-db-ja.com

非推奨のデータURI本体のエスケープされていない「#」文字。プロジェクトで見つける方法?

私はChromeで私のAngular 2+アプリケーションでこの警告を受け取っています。私のプロジェクトは非常に多くのデータURIを持っていますか?それが失敗するのを待ちますか?.

[廃止]データURIの本文でエスケープされていない「#」文字を使用することは廃止され、2018年5月頃のM67で削除されます。代わりに「%23」を使用してください。詳細については、 https://www.chromestatus.com/features/565604958339072 をご覧ください。

どういうわけか、ソースを指す必要があるようです。何か案は?

10
BBaysinger

インラインSVGがある場合は、色の参照を確認し、#rrggbbをrgb(R、G、B)に置き換えます。役立つはずです。

ソース: https://github.com/stylus/stylus/issues/2379

8
brox

私の状況では、入力を埋めるとメッセージが発火したことに気付きました。だから、jquery-validationを思いついたが、それを無効にしてもメッセージは出なかった。

最後に、それがbootstrapフレームワークにあることがわかりました。入力が検証されると、チェックボックスまたはクロスがHTMLに追加されます。これは属性fill='#3cb85c'を保持するSVGに基づいて行われます

Fill属性のハッシュタグは、私の状況ではメッセージをトリガーします! #%23に変更すると、問題が修正されます。

4
Timo002