エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
開発体験を変える! Firefox DevTools Tips 7 - 1 選 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
開発体験を変える! Firefox DevTools Tips 7 - 1 選 - Qiita
本記事は、開発体験を変える! Chrome DevTools Tips 7選 にインスパイアされ、Firefox の実装状況を確認... 本記事は、開発体験を変える! Chrome DevTools Tips 7選 にインスパイアされ、Firefox の実装状況を確認したものになります。 Chrome との比較のため、元記事を引用しながら説明します。 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ コンソールタブで$0を入力 Chrome の Console Utilities API と、ほぼ同等のものが Firefox にも用意されています。 Helper commands