chromeのdevtoolsを使って、便利だったものをまとめる

chorme-devtools-tip.md

コンソールの値をクリップボードにコピーする

• copy(コピーしたい値)

---

Objectのキー、値のみを出力する

• keys(出力したいObject) // Object のキーのみを配列で出力
• values(出力したいObject) // Object の値のみを配列で出力

---

getElementsByTagName でタグの文字列を取得する

// h2タグの文字列を取得する
var result = document.getElementsByTagName("h2");

// HTMLCollectionを配列のように扱う
var elements = Array.from(result);

// h2タグの文字列を配列に格納する
var result2 = elements.map(res => res.innerText);

// 配列の文字列を結合する
result2.join();

// ワンライナー
var result3 = Array.from(document.getElementsByTagName("h2")).map(res => res.innerText).join();

---

JSONオブジェクトをいい感じにインデントさせる

console.log("result: " + JSON.stringify(result, null, "\t"));

参考

• https://tech-1natsu.hatenablog.com/entry/2019/04/16/143955#google_vignette