2013年12月14日土曜日

Chrome Developer Tools の小技

Chrome Developer Tools の小技

Tidy-up JavaScript

minifyされたJavaScriptの展開ができます。

sources からJavaScriptを選んで、 左下の方にある {} アイコンをクリックすると展開されます。

enter image description here

なかなか便利です。

Copy The Text Document

クリップボードに文字列をコピーするには、copy()メソッドが使えます。

例えば、こちらのサイトで下のコードを実行します。

copy($('h3').map(function(){ return $(this).text(); }).get().join('\n'))

以下のテキストがクリップボードにコピーされます。

1. Tidy-up JavaScript
2. Snippets
3. Override Geolocation
4. Performance Audit
5. Copy the Text Document

… で、ネタ元のサイトには、紹介した以外にもこれらのTipsがあります。

source: 5 Useful Chrome DevTools Tips for Developers


Written with StackEdit.

  • この記事をシェアする

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

  • follow us in feedly