14
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ZYYXAdvent Calendar 2019

Day 9

Chrome Dev Tool のコンソールの値をクリップボードにコピーする方法

Last updated at Posted at 2019-12-08

開発をしていると巨大なデータの一部を変更してテストしたりだとか、API の返り値である値のみ変更してみたりだとか、とにかくJSON をコピーしたい!ああん!という衝動に狩られることがたくさんあります 笑

そんな時にはこの Tips を知っていれば大丈夫です。

まずはどうにかしたいデータを通常通りコンソールに出力します。

console.log(json);

コンソールの出力結果を右クリックして Store as global variable を選択すると temp1 という自動で生成される変数に出力結果がコピーされます。

あとは copy 関数でクリップボードに変数をコピーするだけです。

copy(temp1);

Store as global variable のたびに temp2,3,4・・・ とインクリメントされるので、画面の再読み込みまで保持してくれるので無限にコピーし放題です。

ちなみに

keys(temp1) // Object のキーのみを配列で出力
values(temp1) // Object の値のみを配列で出力

こちらも大きなデータの内容確認に活躍します。

地味に便利 笑

14
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?