[B! Chrome][tips] yomogiのブックマーク

ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar | DevelopersIO

ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。なお、今回実装したソースコードはGitHubで公開しています。わせ

yomogi 2017/12/24

自分で応用するのは敷居が高そうだけど、何かで活用できそうな感じがするのでメモ。

Chrome
tips

リンク

【Chrome】ブラウザの頑固なキャッシュを完全に削除するスーパーキャッシュクリア方法 | CMSマニュアルサイト

ブラウザでキャッシュを削除するのに使用するのは「更新」（WindowsユーザはF5やCtrl+F5、Macintoshユーザはcommand+R）ボタン。しかし、いくら押しても効かない・・・！そんなブラウザのキャッシュに困った場合、Google Chromeならスーパーリロードができるのです。スーパーリロードの仕方更新したいページで「F12」キーを押し、「デベロッパーツール」を表示します。（画面下か別ウィンドウで表示されます）その状態でブラウザの更新ボタン（URL入力画面の左側のぐるっと回った矢印マーク）を長押しします。長押しすると表示されるメニューの一番下、「キャッシュの消去とハード再読み込み」をクリックします。リロードに少し時間がかかりますが、あれほど苦戦していたキャッシュがバッチリクリアされて最新の状態になります。 ※デベロッパーツールは「×」閉じもしくは際度「F12」

yomogi 2016/08/16

リンク

最高にわかるChromeデベロッパーツールの使い方(チートシート付き)

作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。エンジニア速報は Twitter の@commteで配信しています。設定背景色を黒にするタブの幅を変えるエディタエディタとして使うローカルファイルのコードを整形するコンソールログの閲覧・JavaScriptの入力や練習エレメント編集 CSS内の画像サイズと大きさを知るカラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つけるモバイル回線速度のエミュレート通信環境を選択 Androidデバッグモバイルデバックの実機を増やすネットワーク