Chrome Developer Tools の小技

Tidy-up JavaScript

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

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

なかなか便利です。

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.