Chrome でキャッシュを効かさない

ブラウザGoogle Chrome

3種類

 状態:-  閲覧数:5,192  投稿日:2017-05-27  更新日:2017-05-27
┏Chrome 標準機能
├Ctrl+Shift+Del キーボードショ-トカット
├Disable cache(while DevTools is open)
┗デベロッパーツール + 更新ボタン

┣Chrome 拡張機能
├Clear Cache
┗Cache Killer

┗Chrome 起動オプション

Disable cache(while DevTools is open) / Chrome 標準機能を利用して、キャッシュを無効にする

 閲覧数:587 投稿日:2017-05-27 更新日:2017-05-27

手順


1.デベロッパーツール
・Chrome上で『F12』キーを押してデベロッパーツールを開く

2.setting
・『F1』キーでsettingを開く

3.Disable cache(while DevTools is open)
・Preferences→Networkの項目に『Disable cache(while DevTools is open)』があるのでチェックを入れる

デペロッパーツールを開いている間はキャッシュが無効化される
・デペロッパーツールは開き続けなけばいけない

デベロッパーツール + 更新ボタン / Chrome 標準機能を利用して、キャッシュを無効にする

 閲覧数:497 投稿日:2017-05-27 更新日:2018-02-17

手順


1.デベロッパーツール
・Chrome上で『F12』キーを押してデベロッパーツールを開く

2.更新ボタン
更新ボタン上で右クリック
「キャッシュの消去とハード再読み込み」を選択
※デベロッパーツールを開いていることが要件


Disabling Chrome cache for website development

Chrome 拡張機能を利用して、キャッシュを削除(無効に)する

 閲覧数:494 投稿日:2017-05-27 更新日:2017-05-27

Clear Cache


レビュー評価
・日本語レビューあり
・総じて高評価
・Chrome 標準機能を利用してみて使いづらそうだったら試してみる予定

更新日
・2015年1月3日
・あまり新しくはない

試してみた結果
・「Everything」選択しているのにキャッシュ削除されない
・なんでやねん

最終的に
・削除した


Cache Cleaner (Cache Eraser)


試してみた結果
・キャッシュ(履歴)削除されない
・使い方間違ってる?

最終的に
・削除した


キャッシュクリーナー


日本人と思われる人が開発者

更新日
・2017年5月8日
・めちゃめちゃ新しい

消去する項目
アプリキャッシュ
キャッシュ
クッキー(ホワイトリスト)
ダウンロード履歴
ファイルシステム
フォームデータ
閲覧履歴

オプション設定項目に衝撃を受ける
・「キャッシュ」と「閲覧履歴」って同一ではないの?

「キャッシュ」と「閲覧履歴」の違い。「キャッシュ無効化」や「キャッシュ削除」はどうやって確認?


Cache Killer


レビュー件数0件
・何だか怖いため、まだ未利用

更新日
・2017年4月5日
・かなり新しい

Chrome 起動オプションを利用して、キャッシュを無効にする

 閲覧数:604 投稿日:2017-05-27 更新日:2017-05-27

手順


1.デスクトップにChromeショートカットを作成
・「C:\Program Files (x86)\Google\Chrome\Application\chrome.exe」のショートカットを作成

2.起動オプションからキャッシュを無効にする
・デスクトップに作成した「Chromeショートカットアイコン」右クリックからプロパティを開く
・ショートカットの末尾(リンク先:)へ以下を追加
・ZZZZZの部分には、存在しないドライブを適当に当てはめる
 --disk-cache-dir="ZZZZZ:"
・最終的な作成例
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disk-cache-dir="ZZZZZ:"


利用方法


デスクトップに作成した「Chromeショートカットアイコン」Chromeを起動すればキャッシュが無効化される


確認方法


履歴→閲覧履歴データの消去、『キャッシュされた画像とファイル - 計算しています...』になっていればキャッシュが無効化出来ている


試してみた結果


キャッシュ 無効化 されない
・他のブラウザを全部落として、該当ショートカットだけを起動しても結果は変わらず

メディアキャッシュ容量
・しょうがないので「メディアキャッシュ容量」を1バイトで設定してみた
--media-cache-size=1
・しかし、やはり履歴は残ってしまう

感想
・なんでやねん!




「キャッシュクリーナー」はどういう仕組なの?

 閲覧数:516 投稿日:2017-05-27 更新日:2017-11-28
インストールした「Google Chrome拡張(エクステンション)」のソースコード
▼C:\Users\ユーザ名\AppData\Local\Google\Chrome\User Data\Default\Extensions\ebjidllpabafnaopkkkejbhaieciaink\0.0.0.64_0\


▼C:\Users\e1blue\AppData\Local\Google\Chrome\User Data\Default\Extensions\ebjidllpabafnaopkkkejbhaieciaink\0.0.0.64_0\js\eventpage.js

//ブラウザアクションを押した時のイベント
chrome.browserAction.onClicked.addListener(function(callback){
  
  //削除
  remove_browsingData();

//中略

//削除
function remove_browsingData(){
  
  chrome.browsingData.remove({
    originTypes: {unprotectedWeb: true}}, 
    {
      appcache: get_localStorage("appcache"),
      cache: get_localStorage("cache"),
      cookies: false,
      downloads: get_localStorage("downloads"),
      fileSystems: get_localStorage("fileSystems"),
      formData: get_localStorage("formData"),
      history: get_localStorage("history"),
      indexedDB: get_localStorage("indexedDB"),
      localStorage: get_localStorage("localStorage"),
      pluginData: get_localStorage("pluginData"),
      passwords: get_localStorage("passwords"),
      webSQL: get_localStorage("webSQL")
    });


▼js\storage.js
 function get_localStorage(key) {



browsingData.remove()
chrome.browsingData


ChromeでCSSが反映されない?キャッシュ消去で対処



Google Chrome の user agent stylesheet

デスクトップにChromeのショートカットを作成



週間人気ページランキング / 10-21 → 10-27
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 16
2 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 11
3 RGB ⇔ Lab | 色変換(色) 8
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 7
4 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 7
4 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 7
5 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 6
5 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 6
5 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 6
6 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 5
6 鉄道会社毎のカラーコード | カラーコード(色) 5
7 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 4
8 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 3
8 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 3
8 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 3
8 Design 0 3
8 「display:flex;」を設定している「
  • タグ」内の「タグ」クリック範囲を拡大する | Flexible Box Layout Module(CSS)
  • 3
    9 色モデルイメージ図 | 色変換(色) 2
    9 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 2
    9 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 2
    2024/10/28 1:01 更新