ファイルが更新されないときのキャッシュの消し方いろいろ（ひとり DevTools Advent Calendar 2020 – 17日目） | Ginpen.com
17 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ちょっとここおかしいな簡単だからさらりと修正しちゃおうよしほら終わったコミットだデプロイだ、ええとでも反映されないなおかしいな？ そんな経験あると思うんですが、キャッシュって厄介ですよね。DevTools を使ってどうにか強制的に最新版へ更新したりできます。 先にまとめ Network パネルの Disable cache を使おう それはそれとしてキャッシュ戦略うまくやろう キャッシュを利用しているかの確認 Network パネルでリクエストを監視して、一覧の Size の項目に出てきます。 “(disk cache)” がブラウザーが保存していたキャッシュファイルを利用した場合です。ネットワークを利用しませんでした。また再読み込みのときに “(memory cache)” にな
Neat URL - トラッキング情報をURLから削除
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ソーシャルメディアなどでリンクをクリックするとutm_ではじまるパラメータが追加されていることがあります。これはUrchinトラッカーと呼ばれるもので、アクセス解析サービスを提供していたUrchin社がトラッキングに用いていたものです（Urchinは現在Googleに買収され、Googleアナリティクスのベースになりました）。 Urchinトラッカーがあると、URLをシェアする際などに邪魔です。そこで、そうした情報を消してくれる機能拡張、Neat URLを使ってみましょう。 Neat URLの使い方 設定です。Urchinトラッカーだけでなく、様々なパラメータを消してくれます。 無効な時。URLが長いです。 綺麗になりました。 何はなくともトラッキングされるのは嫌なものです。特に広
CSSファイルから未使用のスタイルを削除する4つの方法
CSSの未使用のスタイルを削除するツールPurgeCSS、PurifyCSS、UnCSSの使い方、また、Chrome デベロッパーツールで手動で削除する方法を紹介します。 BootstrapやTailwind CSSなど、CSSのフレームワークを使用する際、すべてのスタイルを使用することはほとんどありません。また、再利用可能なUIコンポーネントを使用する場合なども、不要なスタイルがあります。 4 Ways to Remove Unused CSS by Chidume Nnamdi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 再利用可能なUIコンポーネント内の未使用CSS 1. PurgeCSSで、CSSファイルから未使用のスタイルを削除する方法 2. PurifyCSSで、CSSファイルから未使用のスタイルを削除する方法
Chrome・Safari・IE・Firefox・EdgeのキャッシュとCookie削除方法まとめ
By jirkaejc ウェブブラウザに、ユーザーが閲覧したページの情報を一時的に保存するキャッシュや入力した情報を保存しておくCookieには、次回以降の閲覧時にウェブサイトを早く読み込んだり、IDやパスワード入力の手間を省いたりする役割があります。しかし、個人情報流出や予期せぬエラーの原因となってしまう可能性もあるため、場合によっては削除が必要になることもあります。各OSやブラウザごとに削除の手順が異なるので、キャッシュとCookieを削除する方法についてまとめてみました。 目次： ◆Windows＋Chrome ◆Windows＋IE ◆Windows＋Firefox ◆Windows＋Edge ◆macOS＋Chrome ◆macOS＋Safari ◆macOS＋Firefox ◆iOS＋Chrome ◆iOS＋Safari ◆iOS＋Firefox ◆Android＋Chrome
Cookie AutoDelete - プライバシー保護に。タブを閉じたらCookie削除 MOONGIFT
プライバシーを重視する人にとってWebブラウジングは注意すべき点が多いことでしょう。個人のデータは大手のベンダーに吸い上げられており、広告などに使われています。不必要に収集した情報が漏洩することも少なくありません。 そこで使ってみたいのがCookie AutoDeleteです。タブを閉じる際にCookieを自動的に削除してくれる機能拡張です。 Cookie AutoDeleteの使い方 Cookie AutoDeleteはGoogle ChromeまたはFirefoxに対応しています。 インストール後は放置しておくだけです。ホワイトリストに入れておくことでCookieを削除させないこともできます。 設定です。 Webのトラッキングと言えばほぼCookieくらいでしょう。そのためCookieを削除しておくことでソーシャルボタンなどによるトラッキングを防げるようになります。そのサイトに都度ログ
Cookie使用の同意を求める邪魔なポップアップをクリックしてサクサク削除できるChrome拡張機能「ekill」レビュー
サイト閲覧者のCookie使用の同意を得るために表示されるポップアップは、EUのGDPRへの対策のためますます積極的に行われるようになっています。ユーザーからすればページに突如として現れるCookie利用のポップアップは邪魔な存在ですが、ポップアップ表示を直接クリックするだけでサクッと削除できるChrome拡張機能「ekill」が開発されています。 GitHub - rhardih/ekill: Chrome extension to nuke annoying elements in a web page https://github.com/rhardih/ekill ekill - Chrome Web Store https://chrome.google.com/webstore/detail/ekill/lcgdpfaiipaelnpepigdafiogebaeedg ◆拡張機
Gmailのメールを送信後に破壊して読めなくできるChrome拡張「Dmail」
メールを送信した後で「なんとかあのメールを削除できないものか」と思ったことは誰にでもあるはず。そんな相手の受信箱に残しておきたくないGmailのメッセージを送信後に破壊して読めなくできるChrome拡張機能が「Dmail」です。 Dmail https://mail.delicious.com/ DmailはChrome ウェブストアからインストール可能です。 Dmail - Chrome ウェブストア 「CHROMEに追加」をクリック。 新しい拡張機能の追加するか尋ねられるので「追加」をクリック。 さらにGmailで必要な機能の許可を求められるので「承認する」をクリック。 インストールが終わったら、Gmailを開くと右上のアプリランチャー付近にDmailのボタンが出現します。 新規メッセージを開いてみると、左下にDmailのトグルボタンも表示されるようになっており…… ボタンを切り替えれ
404エラーで消えてしまったページを各種キャッシュサービスから掘り起こすChrome拡張「Web Cache」
404エラーで消えてしまったページのキャッシュを、Google・Yahoo・Bing・InternetArchiveなどの各種キャッシュで一度に探すことができる、Google Chrome用の無料拡張機能が「Web Cache」です。。 Web Cache - Chrome ウェブストア https://chrome.google.com/webstore/detail/web-cache/coblegoildgpecccijneplifmeghcgip?utm_source=chrome-app-launcher-info-dialog Web CacheをインストールするにはGoogle Chromeで上記のリンクを開いて、「CHROMEに追加」をクリック。 ポップアップウィンドウが表示されるので、「追加」をクリック。 「Web CacheがChromeに追加されました」と表示されたら
YouTubeの広告やスキップ不可能なCMを一発で削除可能なブラウザ拡張「Tube Enhancer」
YouTubeでムービーを再生する際に表示される邪魔な広告を一切表示しないようにしてくれる、無料で使えるブラウザ用の拡張機能が「Tube Enhancer」です。広告非表示機能の他に、自動でムービーをHD画質にする機能やYouTube上のムービーでプレイリストを自作したりムービーをブラウザ上に固定してタブを切り替えてもムービーを視聴可能にしたりもできる拡張機能とのことなので、実際に使ってみました。 Tube Enhancer http://www.tubeenhancer.com/ 「Tube Enhancer」が使用可能なウェブブラウザはChrome 22以降もしくはFirefox 14以降の2種類。ChromeとFirefoxでは使用可能な機能が異なり、Tube Enhancerの全機能を使い倒したい場合はFirefoxにインストールする必要がありますが、広告を削除するだけでOKならC
キャッシュや閲覧履歴、ダウンロード履歴等を選択して一括クリアできるChromeエクステンション・Clear Cache
Chromeのユーザーデータを一括で クリア出来る、というエクステン ション。似たようなのもありそう な気もしますが、選択してクリッ クで一括削除できるのは楽なので 導入してみました。 今までは普通にchrome://chrome/settings/をブックマークして必要なときに消しに行ってたんですけどいい加減面倒になってきたので探してみたら便利なのがあった、という今更感満載な内容です。 ワンクリックでいつでも一括削除というのは結構楽ですので地味にオススメなエクステンションでした。 ↑ インストール後にセッティングします。クリア後にリロードするかどうか、クリアする項目を選びます。最下部に「1時間前」「1日前」などの選択も可能です。 項目はキャッシュやダウンロード履歴、ローカルストレージ、cookie、フォームデータなどなど。 楽に消せるので助かりました。 Clear Cache
動きが重くなったGoogle Chromeを速くする「OneClick Cleaner」
動きが速く、なおかつ高機能なことが売りのGoogle Chromeですが、使っているうちに重くなってきてしまうのは、どのブラウザでも同じこと。どうしても使い勝手が悪く感じるようになってしまいます。 重くなる原因には、ブラウザやアプリのキャッシュやcookie、閲覧やダウンロードの履歴など、さまざまなものがあります。 今回は、このようにゴミが溜まっている状態を開放し、Chrome本来の動きを取り戻してくれる拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Chromeにたまったデータをワンクリックで削除できる拡張機能 「OneClick Cleaner for Chrome」は、Google Chromeのプロファイルに溜まっている不要なデータをワンクリックで削除することがで
Enhancements for Gmail（旧 Better Gmail）が強制的に広告を埋め込む仕様になっている件 : 二十歳街道まっしぐら
※Chrome拡張機能のお話です。Firefoxは確認してません。 「Better Gmail」っていうわりと定番な拡張機能があったんですが、 いつの間にやらEnhancements for Gmailという名称に変更されていました。 さらに中身も少し変わったみたいで、デフォルトで色んなページに広告が貼られるようになっています。 たぶん最近のアップデートで変更になったのかなぁと・・。 拡張機能自体はGmailを使いやすくしてくれる優れ物です。 以下にEnhancements for Gmailによる広告を削除する方法の紹介です。 その広告とやらはウェブページの最下部に挿入されます。 このようにページの最下部に表示されます。 色んなサイトに適用されるので、こういう最下部に広告貼るの流行ってるんだなぁと最近まで思ってました。 よくみると「This ad is supporting your e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソニック速報
YouTube人気急上昇
YouTube人気急上昇
IDEA * IDEA