問題タブ [web-inspector]

アプリストアからアプリをダウンロードしたところ、調べたい興味深いWebコンテンツをいくつか見ました。おそらくアプリが私のものではないため、デスクトップのSafariでそれを行うことができません。

それを行う方法はありますか？必要に応じて脱獄できます。

Google Chrome Web Inspector を使用して Web ページをデバッグしています。

タブ ネットワークでは、サーバー API への呼び出しを確認し、その URL のリクエスト Cookie とレスポンス Cookie を検出できます。Cookie はブラウザーに保存されていると思いますが、Cookie の下のリソース セクションにアクセスすると、任意... このサイトには Cookie がありません

詳しい情報を教えてください。

websinspectorのcssファイルで生成されたコメントを表示する方法はありますか？[リソース]タブでcssファイルを表示するとコメントが表示されますが、要素スタイルのサイドバーには表示されません。これは可能ですか。私の人生をとても簡単にしてください。

ありがとう。

これがどこにあるのかは一生覚えていませんが、側面図を使用するときにレイアウトを改善するために誰かが作成した Google Chrome Dev Tools 用の User Agnet CSS ファイルがあります。このリンクを知っている人はいますか？

SafariのWebInspectorのコンソール出力、エラー、情報などを保持する方法/可能性があるかどうかを知っている人はいますか？

失敗してページに移動するajax呼び出しをデバッグしようとしていますが、移動するとすぐにクリアされるため、エラーが表示されません。何かアイデアはありますか？

乾杯

Wordpress ビジュアル エディターを使用する場合、ショートコードがある場合[gallery]、ビジュアル モードではプレースホルダーが表示されます。

プレースホルダーをクリックすると、ギャラリーの編集とギャラリーの削除の 2 つのアイコンが重なって表示されます。

「ギャラリーの編集」をクリックしたときにどの機能が起動するかを把握しようとしています。

ボタンは dom id を持つ画像でありwp_editgallery、これがどのように見えるかです:

私の本能は、Chrome の Web インスペクターを使用して要素を検査することです。

要素を見つけた後、プロパティ パネルを調べてイベントを探しますが、結果はやや不可解です。

これまでのところ、上記の方法と次の方法を試しました。

DOM要素にバインドされている正確なイベントを確認する方法で推奨されていたように? その投稿で言及されているように、私も使用してみVisual Eventましたが、どちらも成功しませんでした。

どの JavaScript 関数が DOM 要素のイベント リスナーに関連付けられているかを調べる簡単な方法はありますか?

chrome/safari webkit インスペクタに、次のような出力オブジェクトを含む出力がある場合:

ネストされたオブジェクトが大量にある場合は、はるかに複雑になります（これが、コピー/貼り付けができない理由です）

これを変数に入れてさらに検査し、コンソールに出力された後に処理する方法はありますか (経由で出力されますconsole.log)、コンソールに既に表示された直後にのみですか?

例：動作しhttp://localhost:8989/debug?port=5858ますがhttp://localhost:8989/snooges/hello/debug?port=5858、接続を閉じます。

デバッグしたいコード:

ご存知のとおり、要素をクリックしてDOMインスペクターでフォーカスできるようにするためにクリックするボタン。そのようなショートカットがSafariとChromeの両方に存在する場合、それらの間で異なる可能性がありますが、私はいつもそのボタンを探すのに本当にうんざりしています。

Chrome で JavaScript 変数を検査するときに黄色のポップアップを表示する方法を知っている人はいますか? どうやら、デバッガーが一時停止されているときに変数にカーソルを合わせるだけで、変数の現在の状態を確認できますが、何らかの理由でこれを機能させることができません。

何を言っているのかわからない場合は、このスクリーンショットをチェックしてください。