2015年10月29日木曜日

Chrome Developer Tools - Search all sources !

Chrome Developer Tools の覚えておくと良いかもしれない便利機能

たくさんあると思いますが、かなり必殺度の高いヤツをご紹介したいと思います。

Chrome の DevTools って、すごく便利ですよね。

便利すぎてすべての機能は使いこなせてない気がしますが。。

そんななかでも、これはかなり便利なんですが、あまり知られていない気がするので。記事にしてみました。。

イケてる検索(とイケてない検索)

この情報は元々どこかの記事で見たのですが、検索しても見つからなかったです。。

その時見た画像があまりにも印象的だったため、印象のままに画像を作成してみました。

Good and Bad

言いたいことはこの画像のとおりです。

おもむろに Cmd + Opt + f (Ctrl + Alt + f) を押してみましょう。

幸せになれると思います。

※イケてるヤツはいわゆるGrep検索の様なことができるので、こっちだけでええんじゃないかと思わせてくれます。

クリックの場合

ショートカットができたからか、最近のバージョンではちょっと奥にしまわれたようなので、クリックで呼び出す場合ものせておきます。

show search all files

まとめ

検索するときは、Cmd + Opt + f で!

以上です。


Written with StackEdit.

  • この記事をシェアする

  • このエントリーをはてなブックマークに追加
  • このブログの更新をチェックする

  • follow us in feedly