Googleドライブのファイル名一覧を取得する

目的

Googleドライブの特定のディレクトリでファイル数がとても多い時、まとめてファイル名一覧を取得したい時がありました。
開発者ツールで見ると KL4NAf クラス名が使われていることがわかりました。(クラス名ハッシュ化されてそうだから変わったりするのかも

<div class="KL4NAf">サンプル.txt</div>

手順

開発者ツールのコンソールを開いて下記のコマンドを実行する。

const elements = document.querySelectorAll('.KL4NAf');
const list = Array.from(elements).map(el => el.textContent.trim());
console.log(list);

完。

追記

もっと短く書ける方法を教えてもらいました。

$$('.KL4NAf').map(el => el.textContent.trim())

補足

• $$ Chromeのブラウザ開発者ツールでのみ使用できるショートカット関数
  • Array.from(document.querySelectorAll()) を簡単に書ける
• .map(el => el.textContent.trim())
  • $$() で取得した配列の各要素の前後の空白をtrimしている