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

http-headers - Chrome Network Inspectorにリクエストヘッダー(および送信されたCookie)がありませんか?

少なくともOSXGoogleChromeでは、送信されたリクエストヘッダーとCookieがネットワーク検査から消えてしまう場合があります(たとえば、XHRリクエスト)。

意味がわからない場合は、Webインスペクターを開いてTwitterアカウントに接続し、XHRリクエストを確認してください。リクエストのペイロードとレスポンスのヘッダーは表示されますが、送信されたヘッダーとCookieは表示されなくなります。

これを修正する方法はありますか?about:flagsでいくつかのエキゾチックなフラグをアクティブにしようとしましたが、変更はありませんでした。

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

google-chrome - Chromeデベロッパーツールの[ネットワーク]タブで使用されているプロトコルを表示するにはどうすればよいですか?

Chrome開発者ツールバーの[ネットワーク]タブはすばらしいですが、リソースの転送に使用されたプロトコル(HTTPまたはHTTPS)を確認したいと思います。誰もが私がこれを行う方法を知っています、または私が同様のことをすることを可能にする拡張機能があるかどうか。

0 投票する
6 に答える
23964 参照

css - ブラウザーのインスペクターで CSS3 アニメーション キーフレームを検査することは可能ですか?

CSS3 キーフレーム スタイルのアニメーションを利用しているサイトをいくつか見つけたので、自分のサイトでテストすることにしました。ただし、これは私を難問に導きます: 通常、CSS ファイルをサイトにコミットする前に、ブラウザーのインスペクター ( Ctrl+Shift+IChrome、Opera、および FF ではF12、IE では) を使用して、CSS をローカルで微調整および変更し、自分が何を確認するかを確認します。が一番好き。ただし、ブラウザーのインスペクターを使用して CSS3 アニメーションのキーフレームを変更する方法はないようです。アニメーションのニュアンスを変更するたびに CSS ファイルをコミットする必要があり、サーバーから最大 15 分の遅延が発生するため、これは私にとって大きな障害です。ブラウザーのインスペクターで CSS3 アニメーションのキーフレームをローカルで変更する方法はありますか?

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

debugging - ノードインスペクター:コードの実行-ステップスルーだけではありません

欲しいもの

WebInspectorを使用したデバッグ中にスクリプト全体を実行できるようにしたい。-個々のJavaScript呼び出しをステップスルーしたくありません。nodenode-inspector

私がしたこと

(私のPowerShellの説明)

なぜそれが欲しいのか

ノードスクリプトを書いています。このスクリプトでconsole.logは、デバッグプロセス中にオブジェクトを探索できるようにするために、多くのオブジェクトを使用しています。しかし、単純な静的テキストコンソール出力は実際には良くありません-オブジェクトのプロパティを折りたたんで展開したり、関数のソースコードを取得したりすることはできません。

(例えば)

そこでnode-inspector、オブジェクトの参照エクスペリエンスを向上させるために、Web Inspectorをで使用することにしました(Web Inspectorの優れた出力フォーマットのため)。

ステップスルーしない理由

(私のスクリプトの構造)

  1. 呼び出しは、のconsole.log()コールバック関数で実行されます require('fs').readFile()。「通常の」手順だけでは到達できません。
  2. ステップボタンを何度もクリックするのは退屈です。

私の質問

  • 次のWebInspectorユーザーインターフェイスを使用してステップスルーせずにスクリプトを実行する可能性はありますか?(スクリプトの実行が速すぎるためにInspectorがスローするため、代わりに使用したくありません)node —debug myscript.jsnode —debug-brk myscript.jsError: connect ECONNREFUSED Is node running with --debug port 5858?

(Webインスペクターインターフェイス) Webインスペクターインターフェイス

  • または、少なくとも私が上で説明したことを行う他の方法はありますか(なぜそのセクションが必要なのか)。

ありがとう。-(私が聞きたかったことが明確になっていることを願っています。-そうでない場合はコメントを書いてください。)

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

xpath - Using XPath in Safari 6 web inspector

Safari's Web Inspector lets you do XPath queries from the search box:

web inspector screenshot

But the box is too small! You can use it but not comfortably.

Is it possible to do the XPath query from the console prompt shown on the bottom of the screenshot?

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

security - Google Inspector で HTML を変更する

Google Inspect Element を開いて、特定のサイトの HTML や CSS などを変更できる可能性が非常に高いことはわかっています。

私の質問ですが、これは本当にセキュリティ上の脅威ではないのでしょうか? または、少なくともあなたのウェブサイトの完全性に対する脅威. PHP で作成した Web サイトがあり、スクリプトでフォームからの POST を期待していたのに、誰かが Inspect Element でサイトを開いて、フォームを GET に変更したとします。あなたのサイトは正しく機能しませんよね?

ハッカーに精通したフーリガンがこれで何らかの損害を与える可能性があると想像する必要がありますね。私はハックに精通していないので、彼らが何ができるかはわかりませんが、最悪の事態を想像する必要があります.

これは、Web サイトを開発する際に考慮すべきもう 1 つのことでしょうか? 人々は HTML をどのように変更できますか? つまり、悪意のあるユーザーの入力からサイトを保護するために、好きなタグやその他すべてを削除する必要があることは理解していますが、目の前で実際にサイトを変更する方法について心配する必要があるのは少しばかげています.

考え?

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

jquery - 既存のフォームでajaxを使用する

このフォームをajaxで処理したいのですが、送信する前にデータをどのように処理する必要があるかが完全にはわかりません。これは私のフォームであり、それを出力する式エンジンモジュールであるため、php関数に何が起こるかはわかりません。

jQuery $ .ajax();を使用します。しかし、フォームデータの処理方法がわかりません。

私はフォームの初心者なので、POSTスクリプトがデータを処理する方法についてもっと知る必要があるのか​​、それともフォーム自体の内容を知っているだけで十分なのかわかりません。

また、Webインスペクター(またはfirebug)でこれをテストする方法にも興味があります。ありがとうございます。

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

mobile-safari - WindowsまたはLinuxでiOS6モバイルサファリWebインスペクターにアクセスするにはどうすればよいですか?

WindowsまたはLinuxプラットフォームから新しいiOS6モバイルサファリWebインスペクターにアクセスすることは可能ですか?

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

c# - C# 経由で g+ アカウントのプロフィール写真をアップロードする

HttpWebRequest を使用して C# で Google Plus アカウントのプロフィール写真をアップロードしたい。このポストクエリのページソースでメソッドを見つける方法は? Web Inspector (Chrome Developers Tools) を使用していますが、[プロファイル写真を設定] ボタンをクリックした後に実行されるコードが見つかりません。

インターネットで見つけた写真をアップロードするためのコードは次のとおりです。

ただし、このコードは、2 番目のクエリを実行するときに「メソッドが許可されていません」という例外を生成します。

また、ログインと投稿テキストの成功したコードが既にあります。

0 投票する
7 に答える
64935 参照

ios - Windows マシンから iOS Safari Web インスペクタにアクセスする

新しい iOS 6 Safari には、USB ケーブルを介してデスクトップの Safari から接続できる Web インスペクター機能が付属しています。その後、iOS Safari で開いたページをデスクトップからデバッグできます。しかし、私の知る限り、この機能は現在 Mac Safari でのみサポートされており、Windows ではサポートされていませんか? そうですか、Windows Safari にも可能性がありますか? それとも後で利用可能になるのでしょうか?