Chrome のスニペット機能を使う

Google Chrome/Firefoxで使える開発スニペット集「DevTools Snippets」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログで知りました。便利そうなので早速設定してみます。


  1. chrome://flags/ を開く。
  2. 「デベロッパー ツールのテストを有効にする」を有効にする。
  3. Chrome 再起動。
  4. F12 とかで、デベロッパー ツールを開く。
  5. 右下の歯車「Settings」を開く。
  6. 「Experiments」の中の「Snippets support」を ON にする。
  7. デベロッパー ツールを再度開くと、「Sources」タブに「Snippets」の項目が出来るので、右クリックで適宜ファイル追加。


こんな感じ。
f:id:hiwa4:20130710110720p:plain


紹介されていたスニペットをいくつか登録しておきました。
DevTools Snippets