つい数記事前にCSS DigというCSSデバッグツールをご紹介したのですが、やはりChromeのデベロッパーツールは充実していますね。本日は基本的な使い方ではなく、もっと便利に使うためのTipsをご紹介します。 (CSS Digに関するページはこちら) ※ キーはMacとなっています。Windowsユーザーの方CommandをCtrlに読み替えてください。 1. Command+Pで開きたいファイルをサーチブラウジング 2. Command + Opt + Fでソースコード内検索 3. Ctrl + G で行番号指定したところまでいく 4. Sublime Textみたいに複数行にカーソルを置いて編集 commandを押しながらカーソルを複数箇所におけます! (ちなみにcommand+Dで同じ文字列を選択していくこともできる!) 5. minifyされても整形できる このようなJSでも。