Webアプリケーション、ハイブリッドクロムデベロッパーツールのデバッグのアプリケーション開発

今日、私たちも、7-8歳児、すべての手より多くの携帯電話よりも、ああ、今、APPの開発について話を私たちは大きな変化をもたらすの携帯電話に携帯電話、携帯電話が付属しています。

カザフスタンをプルするデータポイントは、2016年4月に、モバイルインターネット上で、平均的なユーザーは、一日あたり200分を過ごしました。そこ3つの中国のインターネット大手、テンセント、アリババ、百度は、総マイクロチャネルは、35%を占めている長い支出、QQの71%が10%を占めながら、インターネットユーザーは、これら三つの会社の製品に時間を費やしています。

マイクロチャネルは、35%を占め、そして今、マイクロチャネルは、ああ、すでにQQ時代の職業よりも強度で、幅が大きいうん、家族全員、私の祖母は毎日のマイクロチャネルは、右のプルを引っ張っ残っていないマイクロ文字、で行った以外うん。

ああ、背中合わせに、引き離します。

今私達のAPPの開発は、に分けることができWeb AppHybrid AppNative Appマイクロチャネルの公共オープンHTML5のページの数は、我々はウェブアプリと呼ばれていること、Webアプリケーションが書かれた言語のHTML5アプリケーションの使用を指し、あなたはダウンロードしてインストールする必要はありません。これは、現在のアプリケーションと同様の光と述べました。ブラウザの生存中のアプリケーションは、基本的にはWebアプリケーションのタッチスクリーン版と言いました。

デバッグ我々はウェブを開発倍の王としてPCは、ほとんどで、非常に簡便であるGoogleは、アーティファクトを開発しchrome-devtools、GoogleのブラウザをF12直接オープンはchrome-devtools、デバッグを直接開発することができます。

今、私たちの携帯電話の時代の王ことを、我々は、手のひらサイズの携帯電話にコンピュータから我々の注意をシフトします。Webアプリケーションを開発する場合、当然のことながら、それをデバッグします。通常我々機能、インターフェース開発のWebアプリケーションの開発、中には、最初にPC、携帯電話やその他の最終歩行テスト・デバッグを開発することができます。

「」

私たちはブログの例を来たとき、我々は携帯電話の開発を終了したいとき、それは、PCインタフェースをオープンしまし適合された、電話のアイコンをクリックしてください、スクリーンショットを参照してください。

「」

私たちは今、あなたが携帯電話のインターフェースのサイズを確認し、開発のための携帯電話の解像度で私たちを助けることができ、スクリーンショットを参照してください。

ときに我々は、携帯電話の本当の最後にテストしたものの、基本的な開発を完了した、または一例として、ブログに。

「」

私たちの携帯電話側の直接類似したPCの終わりがあれば質問は、chrome-devtoolsどのようにそれを行うには?この問題は猛烈にあなたにヒントを与える、PC側を取得するには、特に唯一のプロジェクトの開放端で許可されたマイクロ手紙の開発に、長い時間のために私を悩また前に、気持ちが再び愛していないが、手紙のマイクロ終わりでページを開いてください。
その後、マイクロ文字は、一定期間にわたって使用されるように、マイクロチャネルのWeb開発者向けツールを立ち上げ、また使用することができChrome DevTools、主にマイクロチャネルの開発を目的としたので、これは、このチュートリアルでは、マイクロ文字に限定されるものではなく、リモートで今日のチュートリアルの開発を支援するのではなく、 Webアプリケーションは、リモートを使用することができますchrome-devtools子供用の靴は、マイクロチャネルのWeb開発ツールがある場合は、こちらをクリックしてください知りたい、デバッグします。こちらをクリック!こちらをクリック!

私はそれについて考えてみよう、どのようなツール我々は(私は黒い粉をしない場合は唯一のAndroidをサポートし、)Appleはそれを行うことはありません、はい、ああ、ポイントを必要とするだけでなく、Androidの携帯電話です。

Androidの携帯電話は、オープンUSBデバッグモード(それはすぐにBaiduのどこかわからない)ですし、コンピュータ上のUSB接続を使用して、ブラウザを開いて、私たちは、ドメインを入力してくださいいつもの場所では、以下の文字コードを入力してください。

chrome://inspect

「」

スクリーンショット、位置「1」が入力されたchrome://inspect読み取りに入力します。
ここでの焦点は、我々はYaoan F12から出てくるPCの時代はchrome-devtools、携帯電話の時代に、スクリーンショット「2」をクリックしてくださいinspect

「」

うわあ、使い慣れたchrome-devtoolsPCの機能を開くために登場し、プレスが同じページで、ああ、さあ明るいスポット、スクリーンショットを見てがあります。

「」

ハイライトは、インターフェイスにマッピングされchrome-devtoolsますが、直接にできるchrome-devtools操作、それは両手で行ってみましょう。このインタフェースのオープン方法、カザフスタンの矢印のスクリーンショットを参照してください、見て、それをクリックしてください。

デバッガは、非常に広い使用して、通常我々が開発しWeb AppHybrid AppNative Appとき、使用中の唯一のデバッグにこの方法を使用することができ、オープンウェブ、インチ

少し上のタッチより今夜、と午前中にうん、それをすべての時間を行きます。

で始まる記事:http://lanchenglv.com/article ...

おすすめ

転載: www.cnblogs.com/jlfw/p/12635275.html