クラウドの新機能:モバイルWebデバッグがこんなに簡単になったことはありません.
1843 ワード
皆さん、こんにちは、私はまた広告を出しに来ました.今回は、モバイルWeb開発のデバッグプロセスを簡素化することができる新しい機能を紹介します.
使用方法
Webアプリケーションをクラウドに手動で追加
もともと私たちはManifestのウェブサイトだけを受け入れることに固執していましたが、今はWeb Appのウェブサイトを入力するだけで、Web Appをクラウドに直接追加することができます.Webアプリを直接開いてみることもできます.次の図を示します.
DebugIDの表示
新しいバージョンの雲の中(Androidはすでにダウンロード可能で、iOSは審査を待っていますが、今回できるかどうか分かりません...)開発者オプションを追加しました.
開発者オプションを選択し、「Web Appのデバッグ」を選択すると、プロンプトとDebugIDが表示されます.次の図を示します.
Let's ROCK
DebugIDを知るとデスクトップChromeまたはSafariでdebugにアクセスできます.tinydust.cn,DebugIDを入力してリモートデバッグを行った.もちろん、デバッグしたいWeb Appをクラウド上のデバッグページで開く必要があります.次の図を示します.
ちなみに,リモートデバッグのConsoleでは,クラウドが提供する多くのAPIを直接呼び出すことができる.例えば、私が今携帯電話のカメラを開けたい場合は、コンソールに直接入力することができます.
次のような効果が得られます.
For more APIs, click here
何があったの?
Generating DebugID
クラウドでWeb Appインタフェースをデバッグするときに、DebugIDとしてランダムな6桁のビット数を生成します.
Generating Script
次に、DebugIDに基づいてJavaScriptスクリプトを生成します.このDebugIDに基づいてサービス側と通信します.通信プロセス全体は一時的にWebSocketではなくold XHRに基づいている.
Thanks to Weinre
これは、このサービスをできるだけ早く提供するためにApache Weinreを使用し、その多くのプロセスを簡素化したためです.今後、HTML 5の運用環境「クラウド+エンド」としてクラウドを活用するためのより多くの改善を行います.
よくある質問
開発者アカウントを登録する必要がありますか?
いいえ、誰でも調整できます.直接調整してください.(でも次の雲が集まらないとねへへへ)
localhostをサポートしますか?
一部のサポートは、
JavaScriptブレークポイントを設定できますか?
私たちは現在Weinreに基づいてProof Of Conceptを迅速に作っているからです.だからしばらくJavaScriptのブレークポイントはありませんが、後日必ずあるので安心してください.
MIHToolはあなたたちのいくつかの街を振った.
MIHToolは本当に素晴らしいです.現在、モバイル側のデバッグで最も強力なツールの一つではありません.現在のクラウドデバッグよりも多くの機能を持っています.私(ここには「たち」はいません)がこれをやることを決める前に聴奏大神と面と向かって話したことがあります.彼は私たちにこのような試みをするように励ましてくれました.iPadは大きいですが、デバッグには小さすぎて、ジェスチャー操作もマウスほど正確ではないと思います.さらに重要なのは、クラウド自体が比較的新しいブラウザであり、一般消費者向けでもあることです.デバッグ時にクラウドに表示されるのは、一般ユーザーが使用している間にクラウドに表示されます.
使用方法
Webアプリケーションをクラウドに手動で追加
もともと私たちはManifestのウェブサイトだけを受け入れることに固執していましたが、今はWeb Appのウェブサイトを入力するだけで、Web Appをクラウドに直接追加することができます.Webアプリを直接開いてみることもできます.次の図を示します.
DebugIDの表示
新しいバージョンの雲の中(Androidはすでにダウンロード可能で、iOSは審査を待っていますが、今回できるかどうか分かりません...)開発者オプションを追加しました.
開発者オプションを選択し、「Web Appのデバッグ」を選択すると、プロンプトとDebugIDが表示されます.次の図を示します.
Let's ROCK
DebugIDを知るとデスクトップChromeまたはSafariでdebugにアクセスできます.tinydust.cn,DebugIDを入力してリモートデバッグを行った.もちろん、デバッグしたいWeb Appをクラウド上のデバッグページで開く必要があります.次の図を示します.
ちなみに,リモートデバッグのConsoleでは,クラウドが提供する多くのAPIを直接呼び出すことができる.例えば、私が今携帯電話のカメラを開けたい場合は、コンソールに直接入力することができます.
navigator.camera.getPicture();
次のような効果が得られます.
For more APIs, click here
何があったの?
Generating DebugID
クラウドでWeb Appインタフェースをデバッグするときに、DebugIDとしてランダムな6桁のビット数を生成します.
Generating Script
次に、DebugIDに基づいてJavaScriptスクリプトを生成します.このDebugIDに基づいてサービス側と通信します.通信プロセス全体は一時的にWebSocketではなくold XHRに基づいている.
Thanks to Weinre
これは、このサービスをできるだけ早く提供するためにApache Weinreを使用し、その多くのプロセスを簡素化したためです.今後、HTML 5の運用環境「クラウド+エンド」としてクラウドを活用するためのより多くの改善を行います.
よくある質問
開発者アカウントを登録する必要がありますか?
いいえ、誰でも調整できます.直接調整してください.(でも次の雲が集まらないとねへへへ)
localhostをサポートしますか?
一部のサポートは、
http://localhost:foo/bar
を直接追加することはできますが、デバッグするには、携帯電話が外部ネットワークに接続できる必要があります.JavaScriptブレークポイントを設定できますか?
私たちは現在Weinreに基づいてProof Of Conceptを迅速に作っているからです.だからしばらくJavaScriptのブレークポイントはありませんが、後日必ずあるので安心してください.
MIHToolはあなたたちのいくつかの街を振った.
MIHToolは本当に素晴らしいです.現在、モバイル側のデバッグで最も強力なツールの一つではありません.現在のクラウドデバッグよりも多くの機能を持っています.私(ここには「たち」はいません)がこれをやることを決める前に聴奏大神と面と向かって話したことがあります.彼は私たちにこのような試みをするように励ましてくれました.iPadは大きいですが、デバッグには小さすぎて、ジェスチャー操作もマウスほど正確ではないと思います.さらに重要なのは、クラウド自体が比較的新しいブラウザであり、一般消費者向けでもあることです.デバッグ時にクラウドに表示されるのは、一般ユーザーが使用している間にクラウドに表示されます.