Chrome DevTools の知っておくと便利かも機能 - Qiita

長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする 要素の状態を強制 指定の要素を :hover や :focus などの状態に強制的にすることができます。 そうすることで指定状態時のスタイルを確認することができます。 手順 要素タブをクリックする 状態を変更したい要素を選択する 今回は Google の検索フォームを選択 [:hov] をクリックする

[gachakku0131]

センサー（経度緯度、タイムゾーン、言語）、ネットワークスピード、リクエストのブロック

[yarumato]

“:hover や :focusを擬態。location（どの国か）、通信速度、リクエストのブロック状態”

[aox]

ホームページビルダーみたいな機能をつけて欲しいです ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ

[roppara]

リモートデバッグ便利そうやけどiPhoneのChromeでできたりするんかねぇ

[hatakazu93]

技術

[nharuki]

最後のリモートデバッグは知らなかった！