問題タブ [inspect-element]
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.
css - Chrome の「Inspect Element」で CSS の期待どおりの動作が示されているが、実際の結果が異なる場合のアイデアは何ですか?
私はこれに数回遭遇しました - 特定のことを念頭に置いて CSS テンプレートをコーディングまたは変更しましたが、ブラウザは意図したものとは異なって表示します。Chrome で「Inspect Element」を使用すると、その要素に関連付けられたつもりの属性が表示されますが、ブラウザには別のものが表示されます。問題を把握する/サイトを希望どおりに表示する限り、ここから可能なオプションは何ですか?
Chrome で正しく表示されなかった場所を正確に思い出せないという問題が発生する前に (ただし、Chrome 開発者ツールでは意図したとおりに表示されました)、別のブラウザーでは表示されました。
現在、同じサイトの複数のページで同じメニューのフォントが異なるという問題がありますが、Inspect Element に表示される CSS はすべて正しいですが、動作は Chrome と Safari 間で一貫しています (他のブラウザーはまだチェックしていません)。 .
html - Google Chrome Inspect Element の色分けは何を意味しますか?
Google Chrome を調べてみると、Elements パネルで特定の html タグが 1 つの色で、つまり別の色で色分けされていることがわかります。
https://www.google.co.uk/では、たとえば、
1) div は紫色で着色されています
2) id は茶色で表示されます
3) pocsはネイビーブルーで着色されています
これらの色が何を意味するのか誰か教えてもらえますか? する
1) バイオレット表示要素
2) 茶色は属性を示す
3) ネイビーブルーは値を示します
?
どんな助けでも大歓迎です
firefox - Firefox: Firebug と要素の検査
私は Web 開発に不慣れで、Firebug を使用するための提案を聞いています。問題は、要素の検査機能よりも Firebug の利点が見当たらないことです (私は Firefox 24 を使用しています)。何か不足していますか？
1 つのツールに慣れてから、より良いツールに切り替えるために自分のやり方で行き詰まるのが怖いです。いずれかのツールで優れている特定の機能についてアドバイスしてください。
php - 「要素を検査」すると異なるコードが表示されるのはなぜですか?
以下にコードを掲載したphpページがあります。私の主な問題は、ヘッダーの上部に行が追加されたことです。この行は、まったく同じコードを使用する私のページの他の .html ファイルには追加されませんでした。唯一の違いは拡張子 (html と php) でした。
「要素の検査」機能を試して、何が起こっているのかを確認しました。<head>そして、とで別のコードを見ることができます<body>。
マイページコード :
その原因は何ですか？他のページにも同じ html コード (および css) があります (ただし、拡張子は異なります)。
javascript - 要素はページのソースコードには表示されませんが、「要素の検査」には表示されます
私はフォーラム用に作成されたスクリプトに取り組んでいます。フォーラムはいくつかのページで構成されており、フォーラムの各ページは次のようになっています。
私のスクリプトでは、220 ページの特定の URL を見つけて、そこにある場合はそれを開く必要があります。問題は、リンクを開くことが、私が望むように機能していないように見えることです:
ここで行っていることは次のとおりです。最初にページ上のすべてのアイテムをクラスごとに定義し、次に「item220」のリンクを見つけて開くまで、アイテムを循環するように要求します。
問題: この Web サイトのソース コード内にある要素とリンクは、ページ 1 のものだけです。その結果、スクリプトは「www.blabla.com/item220」を見つけることができません。これはページ 1 にないためです。 、したがって、ソースコードにもありません。ただし、「要素の検査」メニューでは、確かに item220 のリンクを見つけることができます。
ソースコードには存在しないが、「要素の検査」メニュー内に表示されるリンクを見つけるにはどうすればよいですか?
助けてくれてありがとう、
-ブラム
html - Google Chrome の inspect 要素で HTML コードをコピーする
HTMLコードをコピーしたいWebサイトがあります-inspect要素のすべてのテキストをコピーするにはどうすればよいですか-そのため、WebサイトのHTMLコードは取得できませんが、既に変更したコードは取得できません自分の Web ページに不要な要素がありませんか?
javascript - 安全な HTML フォーム変数
ユーザーが inspect 要素を使用して ('+res.id+') および ('+res.level') を変更できるようにしたくありません。変更すると送信ボタンの結果が変わるからです。
たとえば、「+res.id+」は = 2 であり、2 は火竜に等しいが、人が検査要素を使用する場合、その 2 を 1 に変更し、1 は雷竜に等しい。その後、戦闘をクリックすると、ファイアドラゴンがライトニングドラゴンに変更されました。基本的に、彼らは誰とでも/何でも好きなように戦うことができます。
とにかく、人々がこれらの変数を変更できないようにする方法はありますか、または変数が変更されたかどうかを確認して、ユーザーにエラーメッセージを送信できますか?
android - ネイティブの Android メール アプリのソース コードを表示しますか?
ネイティブの Android メール アプリからメールのソース コードを表示する方法を知っている人はいますか?
Android chrome ブラウザー用の ADB プラグインを使用して要素を検査しましたが、Android メール アプリに似たようなものがあるかどうか疑問に思っています。
ありがとう！
css - Chrome で要素を検査するときに空白が消える
非常に奇妙で診断が難しい問題があります。このフォーラムの誰かが以前に遭遇したことを願っています。基本的に、次のようにワードプレス + woocommerce ページをロードしています。
ご覧のとおり、余分な空白がたくさんあります。問題は、要素を検査するたびに、ページが空白をすぐに削除し、次のように (正しく) 見えるため、空白がどこから来ているのか把握できないことです。
「要素の検査」ウィンドウを開いたままにしてページを更新すると、空白が返されますが、CSS を何らかの方法で変更するとすぐに(つまり、ランダムな属性を削除するか、何かを変更します)、ページは再び修正されます。
空白があるべき領域を (何も変更しないで) 見つけた場合、空白が接続されている場所は文字通り何もありません。まるで見えないかのようです。
Chrome (34.0.1847.131 m) を使用しています。この奇妙な動作を引き起こす可能性のあるアイデアはありますか?
css - Chrome デベロッパー ツールで CSS が変更されたときにソース ファイルを更新する
PHPプロジェクトのローカルサーバーとしてxamppを使用しています。chrome inspect要素を介して行ったcssの変更を自動的に更新するツールを探しています。
私が今やっていることは、
- プロジェクトを chrome (localhost/project) で開く
- 右クリックして要素を検査
- cssを変更します（h1タグの色を変更するとしましょう）
- それらをコピーして、私のstyle.cssに貼り付けます
私がやりたいことは
- プロジェクトを chrome (localhost/project) で開く
- 右クリックして要素を検査
- cssを変更します（h1タグの色を変更するとしましょう）
- style.css の自動更新変更 (h1 タグの色の変更)
これを実現するために利用できるツールまたはスクリプトはありますか?