2023年1月22日日曜日

【WEBサイト】Chromeのブラウザキャッシュ

 モジュール更新して、WEBサイトみたら、jsファイルが古いものを使っていることがありました。

以下のサイトにかいてありますが、よくある問題なのですが、困ったものです。 

https://www.magical-remix.co.jp/magicalog/archives/3020

「更新したはずのサイトがお客さんのパソコンブラウザからは更新されてない…ということはよくある話です。そのたび、「キャッシュが原因ですのでキャッシュをクリアしてください。」と言ってきました。
大体最近は「原因はキャッシュです。Ctrl+F5してください。」と言ってます。。。」

 

原因はキャッシュファイルを見ているので、その対策検討するのにChromeのキャッシュファイルについて調べてみました。

 

①キャッシュファイルの場所

以下のサイトみるとキャッシュファイルの場所が記載されています。

実際みると暗号化されているようで中身は正しくみれませんでした。

https://www.tipsfound.com/chrome/01001 


場所→C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default\Cache

 

②キャッシュファイルの場所

ブラウザのキャッシュ無効化

ChromeであればデベロッパーツールのNetworkタブにある「Disable cache」にチェックを付けることでキャッシュを無効にすることができます。

 

https://magazine.techacademy.jp/magazine/39352

 

後はIISの設定か、HTMLにタグ追加とか行う方法もあるようです

他のブラウザは以下サイト参考にするといけそうです。

https://blanche-toile.com/tools/webdev-browser-cache

 

2023年1月17日火曜日

【CSS】ボタンとスタイル

 ボタンにスタイルを付けってかっこよくするために勉強するのによいサイトがありました。

https://jajaaan.co.jp/css/button/


ボタングループ化して、かっこよくするには以下のサイトを参考すると勉強になります。

https://coliss.com/articles/build-websites/operation/css/css-tutorial-patterned-buttons-by-red-team-design.html