問題タブ [google-chrome-devtools]

Google Chromeを使用しているときに、JavaScriptコードをデバッグしたいと思います。どうやってやるの？

Node.jsサーバーアプリケーションをデバッグするにはどうすればよいですか？

現在、私は主に次のようなprintステートメントでアラートデバッグを使用しています。

デバッグするためのより良い方法があるはずです。GoogleChromeにはコマンドラインデバッガがあることを知っています。このデバッガーはNode.jsでも使用できますか？

私は最近、Web サイトの印刷用スタイルシートに取り組んでいますが、それを微調整する効果的な方法が見つからないことに気付きました。オンスクリーン レイアウトで作業するためのリロード サイクルを設定することも 1 つの方法です。

• コードを変更
• コマンドタブ
• リロード

しかし、印刷しようとすると、そのプロセス全体がはるかに困難になります。

• コードを変更
• コマンドタブ
• リロード
• 印刷する
• 印刷プレビュー画像で目を細める
• プレビューで PDF を開いてさらに詳しく調べる

ここで見逃しているツールはありますか? WebKit のインスペクターには、「これがページングされたメディアであるふりをする」チェックボックスがありますか? Firebug (身震い) ができる魔法はありますか?

先日、Chrome で何かに気づきました。開発者ツールを開いてソースを表示すると、開発者ツール ウィンドウが HTML と JavaScript でコーディングされていることに最初は驚きました。アドレスバー:

コードの著作権は Apple に属していること (WebKit を支持していることを考えると、それほど驚くべきことではありません) と、次の 2 つの点に気付きました。次に、リンクをクリックしても Chrome から直接 JavaScript、CSS、または画像ファイルにアクセスできないようです。ソースコード。

2つの質問：

DevTools アセットは自分のコンピューターのどこに保存されていますか? それ以外の方法でそれらにアクセスするにはどうすればよいですか? またはさらに良いことに、誰かが使用されているライブラリを特定し、そのライセンス方法を教えてもらえますか? 私は常に適切に実装された UI ツールキットを探しています。Devtools は素晴らしいようです。

これによって影響を受ける機能的またはjqueryUI要素は表示されませんが、asp.net mvc Webページにアクセスすると、次のような一連のエラーメッセージがChrome開発者コンソールに記録されます。

リソースはイメージとして解釈されますが、MIMEタイプapplication/octet-streamで転送されます。

すべての警告はjqueryUIイメージに関するものです（ただし、カスタムイメージがないため、jquery UIのみかどうかはわかりません）。すべてのjqueryイメージは引き続き正しく読み込まれます。

なぜこれが起こっているのかについて誰かが何か洞察を持っていますか？

Firebug では、DOM タブにすべてのパブリック変数とオブジェクトのリストが表示されます。Chrome のコンソールで、調べたいパブリック変数またはオブジェクトの名前を入力する必要があります。

Chromeのコンソールにすべてのパブリック変数とオブジェクトのリストを表示する方法、または少なくともコマンドはありますか? タイピングの手間が省けます。

YQL で使用したい Web ページがあります。しかし、特定のアイテムの XPath が必要です。Google Chrome のデバッグ ツール エリアで確認できますが、その XPath をコピーする方法がわかりません。

完全な XPath をコピーする方法はありますか?

Chromeのdevtoolsを使用して要素を検査しているときに、[要素]タブの右側の[スタイル]バーに、対応するCSSプロパティが表示されます。時々、これらのプロパティのいくつかは打ち破られます。これらのプロパティはどういう意味ですか？

私は初心者の Web 開発者であり、デバッグ用に Firebug を何度か推奨してきました。ただし、これまでのところ、Chrome の組み込みの開発者ツールを使用しているだけです。Firebug が行うすべてのことを行うようで、おまけとしてよりクリーンで整理されています。

デバッグが進むにつれ、Chrome の DevTools では見逃してしまう Firebug の機能はありますか? もしそうなら、それらは何ですか?

関連: Google Chrome 用の Firebug のようなデバッガー

そのため、JavaScriptで、Webサイトのサービスにajax呼び出しを行っています。おっと、何かが失敗します。問題ない。Firefoxで行うことは次のとおりです。

1. ファイアバグコンソールを開きます
2. 失敗したAjax呼び出しを見つけ、+記号をクリックして詳細を表示します。
3. 応答タブには生のHTMLがあります。誰がそれを全部読みたいですか？[HTML]タブをクリックします。
4. ああ、Djangoによって返された適切にフォーマットされたHTMLは、ゼロ除算エラーを示しています。

これが私が現在Chromeで行っていることです：

1. Ctrl + Shift + Jを押して、開発者ツールを開きます
2. リソースに移動
3. Ajax呼び出しまで下にスクロールして、
4. もう一度、生のHTMLが表示されます。それでもすべてを読みたくはありませんが、HTMLタブがないため、コピーしてテキストエディタに貼り付けます。
5. HTMLファイルを保存
6. ブラウザでhtmlファイルを開いて、Djangoから返されたエラーHTMLを読み取れるようにします

質問に移ります。生のhtmlをコピーしてテキストエディタに貼り付けることなく、ブラウザでレンダリングされたAjax呼び出しからのHTML応答を表示する方法はありますか？