問題タブ [web-inspector]

私はウェブサイトの開発に取り組んでおり、印刷ビューで作業する必要があります。通常、レイアウトの問題がある場合は、Chrome の Element Inspector を使用します。ただし、これは印刷プレビュー モードには存在しません。

プリンターのようにページを表示するために、Chrome プラグインまたは Chrome 自体の表示媒体を変更する他の方法はありますか? Chrome 固有のソリューションはないと思いますが、それが私の主要なブラウザーなので、ブラウザー内のソリューションがあればいいと思います。

今は印刷プレビュー メディアだけに集中していますが、サポートされているメディア タイプ (つまり、すべて/点字/エンボス/ハンドヘルド/印刷/投影/スクリーン/音声/tty/) のいずれかに変更できることが理想的です。テレビ）。

jQueryをロードしてjQueryコマンドを実行できるようにするために、GoogleChromeのインスペクターコンソールに配置できる特定のコマンドがあったことを覚えています。

しかし、それがどのコマンドだったのか思い出せず、オンラインで検索しても無関係な結果しか得られません。

誰もがそのコマンドがどれであるか知っていますか？

ありがとう！

編集：数年後、私は$$コンソールの機能を要求していることに気づきました。ただし、これはjQueryではありませんが、同様のセレクターオプションを提供します。おそらく、の省略形ですdocument.querySelectorAll。ここでの答えは、jQueryを実際に追加することとそのすべての機能に対応しています。

（iWebInspectorまたはSafariを使用して）リモートデバッグツールとPhoneGap 1.4.1でconsole.log（）呼び出しを機能させようとしています。

どういうわけか、コンソール呼び出しはXCodeにのみ表示され、phonegapがどういうわけかコンソールのメソッドを微調整しているように見えます。

どうすればそれを機能させることができるか考えていますか？

この疑問は、実際にはwebsocketに関する私の質問の1つに由来しています... socket.ioとwebsocketの違い

google Chrome / firebug / fiddlerなどのWebインスペクターが、websockets / channel-apiなどのプッシュテクノロジーを使用しているときにメッセージをトレースできない理由を考えていました（またはこれを行う方法はありますか？）これは、接続をhttpからアップグレードしているためです？

Web インスペクタから HTML コードをコピーしたいのですが、一度に 1 行しかコピーできません。要素のブロックまたはすべての要素を選択する方法はありますか?

現在、ブラウザの下部にドッキングされています。

別のウィンドウに分割できることはわかっていますが、代わりにブラウザーの横にドッキングしたかったのです。

Javascriptファイルで特定のテキストを検索しています。そのテキストを検索ボックスに入力すると、一致するものが4つあることがわかります。ここまでは順調ですね。しかし、どうすれば次/前の試合に行くことができますか？

バージョン 19 の時点で、Chrome の Web Inspector には「スニペットのサポート」と呼ばれる実験的な機能があります。有効にする方法は次のとおりです。

1. chrome:flags を開き、「デベロッパー ツールの実験」を有効にして、再起動します。

2. Web インスペクター (開発者ツール) を開き、右下隅にある歯車の設定アイコンを押して、「スニペットのサポート」を有効にし、再起動します。

   

3. [スクリプト] パネルを開き、左側の「ナビゲーター ツリー」アイコンをクリックして、空の [スニペット] タブを見つけます。

   

私の質問は次のとおりです。これを何に使用できますか? これにスニペットを入力するにはどうすればよいですか?

ネットワークタブを使用してリダイレクトをトレースする必要がありますが、Webインスペクターを開いてからページをリロードした場合にのみ機能します。残念ながら、私は外部のネイティブプログラムからこのページを開き、どのURLがブラウザに渡されるかを見つける必要があります。これを行うことは可能ですか？私はWindows7でこれを行う必要があります。

私は (いつものように)@media printルールを使用して、Web ページの印刷物がオンライン バージョンとどのように異なるべきかを指定しました。これは非常にうまく機能しますが、テストは非常に困難です。私が通常しなければならないことは、次の手順です。

1. と の異なるスタイルを作成しscreenますprint。
2. 画面モードでページを開始します
3. ページを PDF プリンターなどで印刷します。
4. 結果を見てください。
5. 正しく動作しないルールを見つけてください。

私がやりたいこと（ただし、どのブラウザでも実行できませんでした）：

1. と の異なるスタイルを作成しscreenますprint。
2. 画面モードでページを開始します
3. プレビュー印刷モードに入ります (たとえば、Opera の場合、Firefox が利用可能)。
4. Firebug (Firefox) や Dragonfly (Opera) などの利用可能なツールを使用して、DOM と現在のスタイルを調べます。
5. その場で CSS を変更し、ページをリロードして、結果と DOM をもう一度確認します。

同様の結果を得るために利用できるブラウザ、またはブラウザ、プラグイン、およびプロセスの組み合わせはありますか? ファイルの構成を変更する方法を考えている場合は、最小限の変更で目的の結果を得ることができます。