問題タブ [web-inspector]

en JS を開発するための最良の方法を知りたいです。JS で開発およびデバッグするためのツールのリストを入手できれば。あるかどうかはわかりません。現在、私は使用しています：

要約:)

1. メモ帳++
2. JLint N++ プラグイン
3. Chrome ウェブ インスペクター
4. ウェブストロム
5. 崇高なテキスト 2
6. NetBeans 7.3
7. ドリームウィーバー

iOS 6 には、リモート デバッグのサポートが組み込まれています ( 1 分間のスクリーンキャスト)。WebKit Inspector の 1 年前のフォークのように見える新しい Safari Web Inspector とうまく機能します。JS 編集や WebSocket フレーム検査などの一部の機能がありません。

Safari の Web インスペクタは、WebKit リモート デバッグ プロトコルを使用します。ただし、Safari はトランスポート層として TCP/HTTP を使用しないため、Chrome との互換性がありません。

ティモシー ハッチャー (別名 Xenon) は、Apple の従業員です。

• Safari はトランスポート層に何を使用しますか?
• この謎のトランスポート層から HTTP へのプロキシを作成して、Chrome DevTools で動作させることはできますか?

httpリクエストを介してサーバーと通信するiOSアプリに取り組んでいます。また、iOSシミュレーター/デバイスでアプリをテストするときに、ネットワークトラフィックを監視したいと思います。

Web開発者向けのホシカメムシのように、mac / iosで特定のアプリケーションのhttpリクエストを検査するために使用できるソフトウェアやツールはありますか？

ありがとう。

Google I/O セッションJank Busters: Building Performance Web Appsを見たところです。講演者は、Chrome Web インスペクタのタイムラインで新しい「フレーム」ビューを使用する方法を説明しました。

開発中のページをスクロールしたときに得た記録の例を次に示します。

ご覧のように、一部のフレームに大きな遅延がありますが、タイムラインには明らかな原因はありません (黄色の「Timer Fired」イベントの間に大きなギャップがあります)。フレームレートを一貫して増加させるために、パフォーマンスの問題をトラブルシューティングするにはどうすればよいですか?

ウェブサイトのテストに Google Chrome 開発者ツールを使用しています。

一部の要素では正常に機能していますが、他の要素ではセレクターが表示されていますが、スタイルがないと表示されています。要素にはスタイルがあり、スタイルが要素に適用されます。しかし、インスペクターにはスタイルが表示されません。

そのインスペクタの css ファイル行へのリンクをクリックすると、そこにスタイルが表示されます。

空の宣言を削除するurl()とバグが修正されるというGoogleグループのトピックを見ました。ただし、空のurl()宣言はありません。

また、多少似ているこのバグも見つけました。しかし、まったく同じではありません。私が気づいたことの 1 つは、このバグが提供したユースケースと私のセットアップの両方が twitter-bootstrap を使用していることです。単一の css ファイルにブートストラップを含む .less バージョンのブートストラップをコピー > 貼り付けメソッドとして使用しているため、css ファイルには3740 行あります。これは問題の一部でしょうか？

要素は深くネストされていません ( body > div#container > inspected element)。
要素に過剰な量のスタイルが適用されていない (<= 10)。

拡大するにはクリックしてください

このページでは、Chromeデベロッパーツールの「ライブ編集ボタン」について説明しています。省略記号の付いた鉛筆のように見えます。数回前に見たことがあると思いますが、もう見つかりません。
おそらく、特定のスクリプトに対して無効/非表示になっていますか？それとも、Chromeの安定バージョンから削除されましたか？

重複の可能性:
Chrome が使用しているフォントを確認するにはどうすればよいですか?

Chrome の Web インスペクターを使用して、CSS フォント ファミリの仕様だけでなく、サイトが実際にレンダリングしているフォントを把握しようとしています。

私の場合、font-family リストの最初の 2 つのフォントが自分のマシンにないことがわかりました。しかし、それを理解するためにブラウザーを離れる必要はありません。これを提供する Web インスペクタまたは他の場所の機能はありますか?

新しい開発者コンソールで CSS プロパティを調べると、何らかの理由で行番号が表示されませんが、ホバーまたはクリックして行番号またはスタイルシートを取得できる小さな矢印が表示されます。古い W​​ebinspector では、行番号を含むスタイルシートが既にリンクとして記述されていたため、これははるかに高速でした。

これを変更する方法または回避策を知っている人はいますか? 私はすでにデフォルトを調べましたが、何も見つかりませんでした。

このhttps://devforums.apple.com/message/705663のバグチケットが既にあることがわかったので、古い動作に変更されることを願っています...

これは非常に基本的なことかもしれませんが、これに対する答えが見つからないようです。について多くの議論が見られcontent scriptsます。で開いweb inspectorてchromeを選択するsourcesと、 というタブが表示されcontent scriptsます。いくつかの乱数と多数のスクリプトが表示されますが、これらが何であるかを理解できないようです。これらはどのように示されていますか？これらはどこから来たのですか？私のサーバーがこれらのいずれにもサービスを提供していることを確認できません。

私はこれに2日間苦労しています。そのページのサムネイルのリストにテキストラベルを追加したので：http://hixair.fr/galleries/indexcopy.php

ページが真ん中に来てサムネイルが重なるまで、ページは問題なくロードされているようです。奇妙なのは、コード インスペクタを開いたり、iPhone/iPad でディスプレイを回転させたりすると、更新されて完全に表示されることです。主に Safari でテストしましたが、Galaxy SII ブラウザにも問題が存在します。Firefoxで問題ないようです。いくつかの助けをいただければ幸いです!! (ページは XHTML 1.0 Strict として検証されます)