要素の検査（Chrome）クラスの質問

Question

私はコンピュータ科学のクラスを取っていますが、現在は検査要素ツールとその機能を検討しています。私は開発者とjavascriptのプログラマーにinspect要素ツールの経験について質問するように割り当てられました。この件について以下の質問に答える時間があれば、本当に感謝しています。ここで私は多くの開発者を見つけるのは大したことがなかったので、本当に私を助けてくれるでしょう。どうもありがとうございます！

また、私はこの質問を自分自身に依頼する必要があります。または教師が私の回答を受け入れることはありません。だからこそ、私は新しい投稿を作成し、なぜ関連性のあるものを見ることができないのですか？

1. あなたはどのくらい頻繁にinspect要素ツールを使用していますか？どうして？

2. （変更、デバッグ、その他）のためにあなたは個人的にinspect要素ツールを使用しましたか？どうして？

3. どのような種類のデータ（CSS、Cookie、コード、変数値）は、inspect要素を使用して簡単にアクセスできますか、どのタイプにアクセスするのが難しいですか？どうして？

4. あなたはinspect要素ツールについて悩んでいますか？どうして？

EDIT：新しい質問：ページ上でjavascript、HTML、またはCSSを変更しようとしましたか？どうして？

Answer 1

1. 常にchrome inspection要素を使用します。それは私がCSSを書いて、Javascriptをデバッグするのに役立ちます。これはフロントエンドのWeb開発者としての私の仕事です。

2. CSSとJavascriptのデバッグに役立ちます。

3. これはCSSに最適で使いやすいです。 Javascriptに関する情報（構文エラー以外）を取得するのは少し難しいです。

4. CSS属性を直接変更することは非常に面倒です。時には、変更するものを得るために3回クリックする必要があります。そうでなければ、選択は直感的ではありません。私は検査ツールのすべての時間を使用し

Answer 2

1. 。あなたがブラウザからHTMLやCSSを編集できるので、スタイリングの問題を修正するのに最適です。

2. はCSS

3. CSS、クッキー、およびHTMLは、アクセスが容易で変更します。 Javascriptは見ることができ、いくつかのデバッグ機能がありますが、扱いにくいです。

4. 私は本当にそれに迷惑をかけていません。特定の用途を持つその別のツール。それはあなたを迷惑している場合は、おそらくそれを間違って使用している。

私のお気に入りの機能は、要素の計算されたスタイルを見ることができることです。したがって、どのスタイルシートが要素のどのようなスタイリングを設定しているかを見ることができます。スタイルシートの行番号を教えて、掘り出しをする必要はありません。バックエンドの開発者として、フロントエンドの開発者が利用できないようにすばやく編集する必要がある場合、これは非常に貴重です。

Answer 3

他のものと同じように、私は自分のサイトを開発するだけでなく、他のサイトの興味深いコンポーネントや要素を調べるために、常に検査ツールを使用しています。これは、他の面白いページコンポーネントがどのようにスタイルされているかを私によく知らせるものです。

1. 私は一日中、毎日使います。
2. 私はデバッグ用のjavascript（ブレークポイントを設定することができます）を使用し、色や寸法などのCSSスタイルを変更します.JavaScriptコンソールを使用して、何かエラーがスローされたかどうかを確認したり、 。アプリケーションタブは、ローカルストレージとCookieの値が正しく設定されていることを確認するのに最適です。ネットワークタブは、css/html/javascriptファイルなどのダウンロードパフォーマンスを評価するのに最適です。
3. すべてアクセスは簡単ですあなたが検査中にどのタブを見ているか知っていれば。これは、インスペクタができるすべてのことに快適になるように実験を行うだけです。
4. 本当に何もありません。それは私の目的のすべてをかなりうまく収めています。