Chromeのfaviconのキャッシュを上書きして、Reactのファビコンを削除する

f:id:yappynoppy:20191020130144p:plain
create-react-appしたら、デフォルトのファビコンが設定されているが、このファビコンを削除したい。

まず、reactのファビコンの設定を削除する。

次に、デフォルトのindex.htmlのheadタグに以下のlinkタグが書かれている。

<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />

このlinkタグを以下のように書き換えて、npm startすると、chromeのファビコンキャッシュが上書き更新される。

 <link rel="icon" type="image/png" href="https://example.com/favicon.ico" />

その後、このファビコンのlinkタグ自体の削除を行えば、以下のようにファビコンが削除される。

f:id:yappynoppy:20191020130017p:plain 

【注意事項】

ただし、上記を実施しても、閲覧履歴やキャッシュが残っている場合、ファビコンのキャッシュが復活する場合もある。そのため、Chromeアプリケーションのローカルに保存されているファビコンのファイルを削除したほうがよいかもしれない。

qiita.com

 【参考】

obel.hatenablog.jp