小ネタです。Safariがわかりにくかったので調べたんですが、ついでにChrome/Firefoxも。
Resourceのキャッシュとは
- JSやCSS、画像などをブラウザはキャッシュしていて、サイトにアクセスした際、そちらから読めるときは優先的にロードするようになっています
- 普段はとても便利な機能なのですが、開発時には不便なのでdisableにしたくなります。
- キャッシュからロードされているかはDeveloperToolのNetworkタブから確認することが出来ます。
環境
$ sw_vers ProductName: Mac OS X ProductVersion: 10.14 BuildVersion: 18A391
Chrome: Version 71.0.3578.98 Firefox: 64.0 (64-bit) Safari: Version 12.0
Chrome
正直ChromeとFirefoxはかなりわかりやすいです。Networkタブを開いて「Disable cache」にチェックを入れるだけです。
Firefox
FirefoxのNetwork Tabってかわいいですね。前からこのデザインでしたっけ?
Safari
safariだけちょっと分かりづらいです。