問題タブ [web-developer-toolbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
121 参照

html - 特定の css セレクターを使用するすべての要素を見つける

フロントエンドの設計作業を行おうとしており、css のデバッグ/テストを行う必要がありました。

ほとんどのブラウザー開発ツールでは、要素をクリックして完全なスタイル トレースを取得できることを知っています。

しかし、私がやりたいことは逆です。

セレクターを知っていて、それに関連付けられているすべての要素を見つけたい (単純な ctrl+f が機能しない)

これについてどうすればいいですか?

0 投票する
1 に答える
2857 参照

javascript - Web 開発者ツールを使用して jquery と javascript を適切に検査するにはどうすればよいですか?

Web 開発ツールを使用して Web ページの Java スクリプトを検査しようとしていますが、サイトのどのセクションが JS を使用しているかを確認するのが難しいと感じています。

サイトがこれらの言語を使用している各セクションを確認できる CSS や HTML とは異なります。

なんとか JS を見つけたら、その一部を削除してみますが、サイトの機能は変わらないようです (CSS や HTML を変更した場合とは異なります)。

サイトの JavaScript を検出、抽出、テスト、評価し、サイトのどのセクションが特定のスクリプトを使用しているかを確認する簡単な方法はありますか?

以下に具体例を示します。

jquery.parallax と呼ばれる jquery ライブラリのサイトがあります: http://stephband.info/jparallax/

画像の html と css を調べると、次のようになります。

JavaScript を変更して削除すると、視差機能が消えません! では、javascript がなくても完全に機能する場合、この特定の javascript は画像に対してどのような役割を果たしますか?

0 投票する
1 に答える
473 参照

html - Web 開発者ツールバー ビューのスタイル情報がありません

これは、Chrome の Web 開発者ツールバーのスクリーンショットです。私が読んでいる本によると、[CSS] タブに [View Style Information] ボタンがあるはずですが、そうではありません。どこに隠れていますか?

ここに画像の説明を入力

[CSS を表示] をクリックすると、次のような検査が難しいコードが表示されます。

ここに画像の説明を入力

0 投票する
1 に答える
4180 参照

ajax - Chrome またはその他の優れた有名なブラウザーで Ajax コールバックをトレースまたは Ajax リクエストをデバッグする方法

私は、明らかに、Ajax を使用してユーザー インターフェイスからの多くの要求を処理するプロジェクトを行っています。そのうちの1つは、指定されたユーザーのリストを「フィルタリング」することです。バックエンドで Laravel を使用しています。

したがって、シナリオは、ユーザーを会社でフィルタリングすると完全に機能しますが、場所でユーザーをフィルタリングすると、選択した場所ではなくすべての場所からのすべてのユーザーが表示されます。つまり、すべての場所 ID が渡されます。コードは他の誰かによって書かれています。どこを直せばいいのかわからない。Chrome が Ajax リクエストを処理およびデバッグするための優れたツールをサポートしていることを知りたいのですが、その方法がわかりません。時間を節約できるように、Aajxリクエストのコールバックを処理、デバッグ、および調査する正しい方法を教えてください????????????

0 投票する
3 に答える
9913 参照

browser - 開発者ツールを Vivaldi Web ブラウザーにドッキングするにはどうすればよいですか?

開発者ツールを開くと、使い慣れたツールが表示されますが、それらは独自のウィンドウに表示されます。

それらをウィンドウの下部にドッキングするにはどうすればよいですか?

0 投票する
2 に答える
2731 参照

browser - コードのすべての行が終了した後の開発者ツールの == $0 とは何ですか?

ここに画像の説明を入力

開発者ツールの内容を知りたいのですが== $0、スクリーンショットでは赤でマークされています。開発者ツールのすべてのウェブサイトのコードでこれを見つけましたが、これ== $0は何ですか?