問題タブ [developer-tools]

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

debugging - Chromeデベロッパーツールでリソースのstatus=canceledとはどういう意味ですか?

ページがキャンセルされる原因は何ですか?Chromeデベロッパーツールのスクリーンショットがあります。

キャンセルされたリソース

これは頻繁に発生しますが、毎回発生するわけではありません。他のリソースがキャッシュされると、ページの更新によってLeftPane.aspxが読み込まれるようです。そして、本当に奇妙なのは、これがInternet Explorer8ではなくGoogleChromeでのみ発生することです。Chromeがリクエストをキャンセルする理由はありますか?

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

google-chrome - Chrome デベロッパー ツールでリスナーの本文を表示する

Chrome 開発者ツールでは、要素にアタッチされたリスナーを調べることができます。

ここに画像の説明を入力

インスペクターが全体を表示するには十分な大きさではないため、listenerBody は切り取られています。listenerBody 全体をどのように表示しますか?

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

css - Chromeのデベロッパーツールを使用して、新しいグローバルCSSルールを使用してページをライブで編集する

Chromeデベロッパーツールでは、要素を調べてその要素に適用されている既存のCSSルールを編集するのは簡単ですが、まったく新しいスタイルのルールを作成したい場合はどうでしょうか。

私の場合、私がやりたかったのは、次のスタイルルールを適用することでした。

br {display:none} hr {margin-top:20px} font {font-size:18px}

アジャイルマニフェストの背後にある原則に基づいて、ブラウザから直接1枚のA4用紙に印刷できるようにします。

私がすでにリンクしているChromeデベロッパーツールの公式ドキュメントには、新しいルールとプロパティの追加に関するセクションがありますが、それは古く、最新バージョンのChromeではそのようには機能しません。

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

javascript - Chrome 開発者ツール (どの JavaScript オブジェクトを呼び出しているかを知る方法)

まず、JavaScript の 1 行 (JavaScript クラス内) にブレークポイントを作成します。次に、次の関数呼び出し F11に段階的に進みます。開発者ツールを使用して、次のコードに到達します。

var p = this.rotator.playing;

この状態では、クラス内の変数クラス名を知っていますが、 今知りたいのは、そのクラスのどのオブジェクトを呼び出しているかです。なにか提案を?

p実際には、JavaScript クラスの外から変数を変更したいと考えています。

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

internet-explorer-9 - IE9 開発者ツールがブラウザを壊します (ある種のループが発生します)

開発者ツールで IE9 を使用しようとすると、常にページが更新されます。こちらをご覧ください: http://screencast.com/t/OgFVYvwhlg

Dev Tools ウィンドウが開いているときに更新が開始され、ウィンドウを閉じると更新が停止します。

これをデバッグする方法に関する提案やアイデアはありますか?

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

google-chrome - Chromeはtext/htmlファイルをロードしますが、ステータスが「失敗」と表示され、画面に表示されません

まだGoogleChromeで奇妙な問題に直面しています。phpソースコードから生成されたtext/htmlページがあります。このページは適切に読み込まれ、Chrome以外の一般的なブラウザで適切に表示されます。ソースコードが保存されると、Chromeはファイルを正しい方法でロードしてレンダリングします。単にスペース文字を追加または削除した場合でも。次に、ページを更新しようとすると、Chromeは空白のページを表示し、[開発者ツール]パネル(スクリーンショットを参照)に「失敗」ステータスを示すエラーを表示します。しかし、HTTP応答ヘッダーを確認すると、HTTPステータス(200 OK)を含め、すべてが正常であるように見えます。

以下は、ソースを保存して正しいレンダリングを取得した直後のHTTP応答ヘッダーです。変更なし(時間関連情報を除く)

HTTPリクエストヘッダーも確認しました。どちらの場合も同じです。

ワーキングケース:

失敗した場合:

ページに障害が発生した場合でも、他のリソース(javascript、スタイルシート)が正常にロードされるか、ローカルキャッシュから取得されることに気付きました。また、ページがレンダリングされるかどうかに関係なく、毎回HTMLソースコードに正常にアクセスできます(HTMLコードは含まれていると予想されるものです)。

また、データの転送中に何か問題が発生するかどうかを確認するためにWiresharkを実行しましたが、こちら側でもすべて問題ないようです。

HTTPヘッダーで提供される情報が配信されたファイルの有効サイズと異なる場合にChromeが失敗するコンテンツの長さについてGoogleで何かを読みました。content-lengthが提供されていないため、ここではそうではないようです。

どんな助けでも大歓迎です!ありがとう!

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

iphone - Xcode 4.5 Developer Preview のアンインストール

Xcode 4.5 DP1 が開発者向けにリリースされたときにインストールしました。しかし、Mac App Store で Xcode 4.5 がリリースされたので、DP1 はもう必要ありません。通常の Xcode インストールに影響を与えずに、それ (およびインストールされた開発ツールの新しいバージョン) を完全に削除するにはどうすればよいですか? 前もって感謝します!

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

objective-c - すべての OSX 開発者ユーティリティのリスト?

OSX 開発と Apple システムのフレームワーク/API/ツールは初めてです。

学習の過程で、開発者にとって非常に役立つが、可視性/Google 機能/シェル補完のレベルが混在している少数の「秘密の」ユーティリティ プログラムに出くわしました (例: kextutil、) lsregisterauvaltool

これらすべての「秘密の」開発者ユーティリティのリストはどこかにありますか?

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

google-chrome - ネットワーク応答がサーバーまたは Chrome キャッシュから来ているかどうかを確認する

Google Chrome で、どのファイルがブラウザのキャッシュから提供され、どのファイルがサーバーから提供されているかを確認するにはどうすればよいですか?

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

google-chrome - Chrome の新しい「console.log()」出力を使用するにはどうすればよいですか?

Chrome 24 には、 でオブジェクトを出力する新しい方法がありますconsole.log()

たとえば、この jsFiddleconsole.log($("p"));の例では、次の狂気が出力されます。

DOM 要素のコレクションが先頭に配置されていることがわかります。しかし、ほとんど空の単純なタグでさえ展開しようとすると、<p>あなたのいたるところに投げ出されます:

では、このすべての情報をどのように使用すればよいでしょうか。私の最初の本能は、それを以前のように飼いならすことですが、よく考えてみると、アクセスしたいと思うかもしれない情報が本当にたくさんあります。しかし、私は自分が見ているものを理解するのに苦労しています。その多くは jQuery 値のように見えます。これは、オブジェクトが持っている (または持っていない) すべての jQuery 値のリストですか?

► context:それから、物と物の全体の問題があり► __proto__:ます。ドリルダウンを開始すると、__proto__停止することはありません。無限に落ちると思います!

この新しい出力の使用方法を学び始めるにはどうすればよいですか?

編集: 実際、まだ Chrome 23 を使用していることに気付きました。これは 24 で導入されたものではありません。このスレッドの誰かが、これは Chrome 24 の問題だと言いましたが、23 で新しくなったのでしょうか? いずれにせよ、私はつい最近、jQuery オブジェクトでこれに気付き始めたばかりです。

EDIT 2:古い方法でログを記録する方法を探しているだけなら、これを試してください:(帽子のヒント