2012-03-27 4 views
2

すべて、Mac、PC、その他のデバイスでiOS Safariデバッグコンソールをミラーリングすることはできますか?

iPhone向けのHTMLベースのウェブアプリケーション(ネイティブアプリではない)で作業しています。

通常、Safariのデバッグコンソールを使用してJavaScriptエラーを追跡します。それはかなり便利です。

しかし、私はいくつかの複雑なJavaScript関数に取り組んでいます - それは、Webアプリケーションとコンソールウィンドウの間を行き来するのは非常に面倒です。また、同時にウィンドウとアプリケーションの両方を見たい時もあるので、私がアプリケーションとやりとりしている間にコンソールメッセージを見ることができます。

デバッグコンソールを別のデバイスやMacやPCに「ミラーリング」することは可能ですか?言い換えれば

- 私は私のiPhone上のWebアプリ(またはウェブページ)を使用できるようにしたい、とconsole.log()(または.warn()または.error()または.info())からの出力を持って、私の上のウィンドウに表示したいです開発機械。

Adob​​eは、それが近い何かをするようになりますシャドウ(http://labs.adobe.com/technologies/shadow/)と呼ばれるものがありますのAdobe®影がある

を フロントエンドのWeb開発者とデザイナーがより早く作業できるようにする新しい検査とプレビューツール モバイルデバイスのWebサイトを簡単にカスタマイズできるように、プレビュープロセスを合理化して効率的に行います。

...しかし、それはではありません。私が探しているもの。 (少なくとも、それは説明のようには聞こえません)。

申し訳ありません - 私はこのタイプの開発にはかなり新しいので、他の誰もが知っているツールを知らないでしょう。

いずれにしても、ポインタに感謝します。

+0

私はこのようなツールを持ちたいと思っていますが、それは存在しないと思います。私はIDEのようにjavascriptデバッガを使用したいと思いますが、誰もが個々のブラウザを使用するように指摘しています。また、各ブラウザのタイプを模倣したいという問題があり、各ブラウザのデバッグウィンドウを使用する必要があります。 – nycynik

+1

あなたはAdobe Shadowを試しましたか?それはあなたの質問にあなたが何を記述しているのですか?それはまだ私の経験からかなりバグがあります。それは – Marcel

+0

マルセル - チップのおかげで。私はAdobe Shadowを試しましたが、それは私が探していたものと全く同じようには見えません。私が言う限りでは、1つ以上のモバイルデバイスをPCまたはMacデスクトップに接続することができます。次に、そのデスクトップでブラウズすると、接続されているモバイルデバイスが「フォロー」されます。ただし、モバイルデバイスを参照すると、デスクトップは表示されません。言い換えれば、双方向であるとは思われません。さらに、モバイルデバイス上で生成されたconsole.logメッセージはデスクトップに表示されないように見えますが、これは私が本当に探していたものです。 – mattstuehler

答えて

2

jsconsole.comこれを行うことができます。詳細はhttp://jsconsole.com/remote-debugging.htmlをご覧ください。

http://youtu.be/Y219Ziuipvcはどのようにするかを示しています。

+0

うわー。これは素晴らしい - 私が探していたものとまったく同じです。そして、イージーナイザーではない。多くのありがとう、リッチ! – mattstuehler

1

weinreあなたが望むものを正確に行います。彼らのドキュメントは合理的に徹底しているので、私は彼らにwhat you need to doを伝えさせてもらいましょう。

PhoneGapは実際にはweinreによって強化されたmobile web app debugging toolを提供していますので、最初に確認してみてください。