問題タブ [web-inspector]

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 投票する
0 に答える
593 参照

google-chrome - Windows でカスタム Chrome デベロッパー ツール フロントエンドを実行する

ここchrome-linux.zipからダウンロードし、devtools ソース コード ( ) で遊んで、変更したバージョンを でテストしました 。その後、Windowsで実行することにしましたが、その方法がわかりません。で chrome を実行しても動作しないようです (Chrome は変更なしで正常に動作します)。おそらく、このバージョンのインスペクターで変更をダウンロードして適用する必要があることがわかりましたが、フォルダーがなく、対処方法がわからないだけです。何か案は?chrome-linux/resources/inspectorgoogle-chrome --debug-devtools-frontend="/some/path/to/inspector/"--debug-devtools-frontend="E:\Users\xxx\Desktop\inspector\"chrome-win32.zipchrome-win32/resources/inspectorresources.pak

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

javascript - Mac Safari の [開発] メニューで iPad を検出できない

iPad Safari (iOS-6) で Javascript をデバッグする必要があります。これは、Mac に接続して (または、実際の iPad を接続する代わりに xCode iPad または iPhone シミュレーターを使用して) リモート デバッグを使用して実行できると思います。また、iPad では Safari -> Advanced -> WebInspector をオンにし、Macbook では Safari -> Preferences -> Advanced -> [メニュー バーに [開発] メニューを表示する] オプションをオンにする必要があります。そして、開発オプションが上部の Safari ツールバーに表示されると (正確な用語はわかりません)、そこに iPad が表示され、リモート デバッグを開始できるはずです。Safariの[開発]オプションでiPad(または両方のオプションを試したときにシミュレーター)が表示されないという事実を除いて、すべて問題ありません。ここで何が欠けているのでしょうか?

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

html - Pevent Inspect Element html がドロップダウン メニュー値 (および他のユーザー入力コンテンツ) に変更され、データベースに保存されない

最近、自分の Web サイトのバグなどのテストを開始したところ、Firebug や同様のプラグインなどを使用して Web サイトに加えられた変更が実際に行われたとは思わなかったという事実から、大きな問題に遭遇しました。 ...しかし、彼らは..

値をフォームなどに変更して変更を保存すると、Inspect Element GO で行った変更は、データをどのように渡そうとしても反映されません。明らかに、これを止める方法がきっとあるはずです。

私はこの質問に対する答えを探していましたが、まったく何も見つかりませんでした.

編集

おそらく、これはフォームと情報の送信方法の問題にすぎません。私はjQueryのajaxを使用しており、フォームから情報を手動で選択しています。これは明らかに、変更された情報が取得されている場所です。

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

javascript - Chrome は、スクリプトから検査可能な jQuery オブジェクトをログに記録できなくなりました

重複の可能性:
Chrome で jQuery DOM 要素を console.log するにはどうすればよいですか?

最新の安定版 Chrome 23.0.1271.101 および Chrome Canary 26.0.1373.0 では、スクリプトから次のコードを実行します。

今戻ってきます:

このログアウトにカーソルを合わせても何も起こりません。検査することはできません。

対話型コンソールは引き続き機能します。たとえば、次のように入力します。

次のように正しく応答します。

マウスをログ出力の上に置くと、以前のバージョンの Chrome がスクリプトに対して行っていたように、ログ出力を検査できます。

  • 以前のバージョンの Chrome ごとに、Chrome で検査可能な要素をログに記録する方法はありますか?また、対話型コンソールが引き続き行うようにするにはどうすればよいですか?
  • このバグがない新しいバージョンまたは古いバージョンの Chrome はありますか?
0 投票する
3 に答える
11387 参照

javascript - iPhone の Webkit デバッガーに接続するには?

新しい iOS 6 の機能は、デスクトップ サファリのデバイスまたはシミュレーターで実行されている html および javascript をデバッグできることです。この機能はWebkit Remote Debugging Protocolに基づいていると思います。

デスクトップ Safari を使用せずに iPhone で実行されている Webkit に接続するにはどうすればよいですか?

Websocket を使用して Android で実行されているモバイル Chrome ではこれを行うことができますが、iOS デバイスではどのように行うことができますか?

0 投票する
0 に答える
73 参照

google-chrome - Chrome要素インスペクターは、要素に「クラス」がある場合にのみ視覚的な寸法を表示します

これは以前に気付いたと思うので更新によるものだと思いますが、Chromeの要素インスペクターを使用すると、その要素に指定されたクラスがある場合にのみ要素の寸法が強調表示されます。要素にIDがあり、クラスがない場合、ディメンションは指定されません。

クラスで要素を強調表示...

クラスで要素を強調表示する

クラスなしの要素を強調表示...

ここに画像の説明を入力してください

2番目の画像は、黄色の寸法ボックスがないことを示しています。明らかにこれは最大の取引ではありませんが、これがバグなのか、Chromeが特定の理由でこれを行っているのか、それを変更する方法があるのか​​を知りたいのです。

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

ios-simulator - iPhone シミュレーターの Web インスペクターで JavaScript デバッガーを無効にするにはどうすればよいですか?

デスクトップ Safari (バージョン 6.0.2 (7536.26.17)) ([開発] メニューの下) で Web インスペクタを使用して、モバイル Safari と iOS シミュレータ (バージョン 6.0 (358.4)) の Web アプリケーションとのやり取りをデバッグしています。

現時点では、単純に HTTP リクエストを監視したいと考えています。JavaScriptコードをステップ実行することに興味はありません。ただし、ブレークポイントが設定されていない場合でも、Web インスペクターはデバッガーにドロップし続けます。ページ全体を読み込むには、[続行] ボタンを繰り返しクリックする必要があります。

JavaScript をデバッグしないように Web インスペクターに指示するにはどうすればよいですか?

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

javascript - Safari6コンソールのコンテキストをページ上のiframeに変更します

Chromeではドロップダウンメニューを使用してコンソールの実行のコンテキストを選択でき、Firebugcd()ではiframeにアクセスできます。Safariのコンソールでコンテキストを変更する方法がわかりません。誰かがこれを行う方法を知っていますか?