問題タブ [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 投票する
3 に答える
5994 参照

javascript - Chrome devtools: [ソース] タブに切り替えずにデバッガーにドロップする

debuggerChrome devtools を開いた状態で JavaScript ソースにステートメントを挿入すると、実行が停止するため、コンソールから現在のコンテキストをインタラクティブに調べることができます。それは本当に素晴らしいです。

しかし、残念ながら、[ソース] タブにも切り替わり、debuggerステートメントが発生した行が表示されます。ほとんどの場合、JavaScript コマンドを入力したいので、手動で [コンソール] タブに戻る必要があります。

タブの切り替えを避けて、コンソール タブにとどまることはできますか?

それとも私の使い方が悪いのでしょうか?

0 投票する
5 に答える
24408 参照

javascript - コンソールで 404 URL エラーを解消しますか?

ソース (src) がないために発生する 404 エラーを排除しようとしています..

エラーをキャッチするために多くのことを試した場合、つまり.error(function(){})最後に を置きます。- メソッドを使用して$chart.load()、画像が読み込まれるかどうかを確認しますか? それらのどれも助けませんでしたか?

GET {myURLString} 404 (Not Found)

ブラウザ:サファリ

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

webkit - WebKit Inspector js のどこで、制御は検査中のページに戻りますか?

ここのChromiumプロジェクトから入手できるWebKit Inspector jsを調べてきました: https://developers.google.com/chrome-developer-tools/docs/contributing

開発者ツールは、ステータス バーの虫めがねボタンを使用して「検査」モードにすることができます。このモードは、検査中のページを 1 回クリックするまで続きます。1 回クリックすると、ページは「検査」モードではなくなります。

検査済みのページを「検査」モードのままにしたいと思います。

js では、インスペクターがどこにあるかを把握しました

ステータスバーの虫めがねボタンをクリックすると「検査モード」に入ります)

  • 検査中のページの要素を強調表示します
  • 関連するノードを DOM で見つけます
  • 要素パネルにノードと残りのツリーを表示します
  • Elements パネルに表示される DOM ツリーで選択したノードにフォーカスを置きます。

「検査」モードになった後、検査されたページが「通常」モードに戻る方法がわかりません。

私は次のことを試しました:

  • 一度 toggleSearchingForNode を有効にすると、無効にできなくなります。
  • RevealAndSelectNode で、選択したノードがフォーカスされないようにする

どちらも役に立ちませんでした。検査したページで 1 回クリックすると、ページは通常の動作に戻りました。

どんな助けでも大歓迎です。

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

jquery - jqueryの問題とCSSの背景画像の更新がChromeにロードされない

要素の背景画像を jquery に置き換えようとしています。コードは正しいように見え、ページの実行を停止して要素を調べると、正しい要素です。ただし、要素の上にカーソルを置いたときに、クロムまたは要素のプレビューには表示されません。

ここでまったく同じ問題のように見えるものに遭遇しましたCSS 背景画像が読み込まれませんが、提供された修正は機能しません。

ありがとう、マーク

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

google-chrome - Webインスペクターを開くと、Chromeのビューポートが縮小しています

何らかの理由で、ChromeでWebインスペクターを開くと、ブラウザーのビューポートが縮小します。それを修正する唯一の方法は、インスペクターを閉じることです。ビューポートのサイズが変更されないようにこれを修正する方法を知っている人はいますか?

クロームグリッチ

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

ios6 - iOS シミュレーターの起動時に、Web インスペクターを自動的にロードすることはできますか?

私は Safari で光沢のある新しい Web インスペクターを備えた iOS 6 シミュレーターを使用しています。

質問: iOS 6 Web アプリケーションのロード時に Web インスペクタを自動的にロードすることは可能ですか?

私は PhoneGap/Cordova を使用しており、起動時に多数の JavaScript をロードしています。私はconsole.log()デバッグに広く使用しており、アプリケーションの起動時に Web Inspector をロードしたいと考えています。

現在、[Xcode で実行] をクリックすると、アプリが読み込まsetTimeoutれ、最初の機能が開始されるので、急いで Safari にアクセスし、そのページに Web インスペクターをアタッチできます。

このステップを削除して、Web Inspector を直接ロードする自動化されたステップを追加することをお勧めします。

他の解決策はありますか?

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

javascript - Chromeウェブインスペクター:CPUプロファイラー

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

私のプログラムはロードするのに約20秒かかります(多くのsvgオブジェクト)。Chromeウェブインスペクターを使用してプロファイリングしようとしています。合計19.16秒を示していますが、内訳は完全には加算されていません。ボトムアップ、トップダウン、さまざまな組み合わせで並べ替えてみました。それでもボトルネックを特定できません。サーバーから数ミリ秒以内にデータを受信するのを確認できましたが、レンダリングに時間がかかります。

また、%geビューでは、合計は98%ですが、残りは個別に0.05%未満であり、正しくないようです。

以前のqnで、#callsとaverageを表示する方法を尋ねました。再帰呼び出しがこれを引き起こす可能性があるとは思えませんが、同時に合計時間はそれを反映する必要があります。

ここに画像の説明を入力してください この遅延の原因となる機能を特定するにはどうすればよいですか。助けていただければ幸いです。

0 投票する
5 に答える
26891 参照

android - WebViewを使用してAndroidアプリのWebKitのリモートデバッグ/インスペクターを有効にする方法は?

デバッグ中に、Androidアプリケーションでjavascriptの実行(webviewウィジェット)を検査する必要があります。SDKおよびusbケーブルおよび/またはhttp/websocketsを介して; destopコンピューターから(たとえば、デスクトップで実行されているchrome)。

Webkitのソースには、CPPレベルでアクセス可能なDebuggerServer実装(platform_external_webkit \ Source \ WebKit \ android \ wds \ DebugServer.cpp)が含まれ、フラグWDSが有効になっている場合(ビルド時に?)にバインドされます。

Source \ WebKit \ android \ jni \ WebCoreFrameBridge.cpp:#if ENABLE(WDS)Source \ WebKit \ android \ jni \ WebCoreFrameBridge.cpp:WDS :: server()-> addFrame(frame);

サーバーのデフォルトのポートは9999です

ソースは、機能を有効にするためにすべてが(Cppレベルで)実装されていることを示していますが、Webkitのインスペクターインターフェイスを自動化するadroidデバイスでjavascriptレベルでライブデバッグを使用したエクスペリエンスをWebで検索するリファレンスは見つかりませんでした。

1.-機能はバイナリ形式で存在し、実際のAndroidデバイスで実行されていますか?(adroidのWebkitのディストリビューションは、WDSフラグを有効にせずに構築されていますか?:-()

2.-リモートデバッグ機能は、JavaScriptまたはアプリケーション(Javaレベル)から有効化/使用できますか?たとえば、アプリの起動時に使用できますか?

3.- Webkitインスペクター/デバッガー機能を有効にできる場合、リモートアプリケーションからの対話を可能にする方法は?(たとえば、WebSocketを使用する別のJavaScriptアプリ、またはデスクトップコンピューターのChromeから)。

https://developers.google.com/chrome-developer-tools/docs/remote-debugging#remoteのような仕組みを説明するいくつかの段落 がいいでしょう!

このトピックに関する情報や参照を事前に感謝します。HTML5アプリケーションの最新の開発と満足のいくデバッグ体験を可能にするために、JavaScriptレベルで(デバイス内の)リモートデバッグを有効にすることが重要だと思います。

乾杯、エール。

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

safari - Applescript を使用して Safari で Web インスペクターにアクセスする

基本的にSafariからファイルをダウンロードするApplescriptスクリプトを作成しようとしています。ただし、Web ページからファイルをダウンロードすることはできないので、通常は を開いて にWeb Inspector移動しResources、 というフォルダOtherにファイルをダウンロードします。

Applescript を介してこれを行う方法を Web で検索してきましたが、役に立ちませんでした。したがって、私の質問は次のとおりです。現在の Safari ウィンドウで Web Inspector > Resrouces > Other files にアクセスするにはどうすればよいですか? を使用して Web Inspect を起動し、 を使用して Inspector 内のペインを変更できることを私は知っています。しかし、以下に示すように、リソース ファイルのリストに焦点を当てることができません。 ⌥⌘I⌘]ここに画像の説明を入力

ショートカット コマンドを使用せず.mp3に、フォルダ内のこのファイルにアクセスすることは可能ですか? そうでない場合、またはそうである場合、このウィンドウ ペイン内のフォルダOtherにアクセスするにはどうすればよいですか?Other

事前にご協力いただきありがとうございます。

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

javascript - Google Chrome Inspector:ブレークポイントでオブジェクトを編集するには?

この質問の重複は見られませんでした。

(fullCalendar からの) イベント オブジェクトにブレーク ポイントがあります。このデータはバックエンドからのものであるため、パラメーターを手動で変更したいと思います。

例えば

これが可能かどうかはわかりません。