Chromeのwarningに関するメモ

自身の備忘録としてメモ

• Vue.jsで開発しているWebアプリにGoogle Chromeでアクセスしたら、以下のwarningが表示された

[Deprecation] Using unescaped '#' characters in a data URI body is deprecated and will be removed in M71, around December 2018. Please use '%23' instead. See https://www.chromestatus.com/features/5656049583390720 for more details.

どうやらソース内で定義しているSVGの中で#を使用しているとダメらしい

※発生していた箇所一部抜粋background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#8F9DB3"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
fill="#8F9DB3" を fill="%238F9DB3" にしたら、warningが表示されなくなりました。

そもそも、正しい書き方をしなくてはいけなかったのでしょうね

肝を冷やしたとある夏の一日