Android上で表示しているHTMLやCSSやJavaScriptをパソコン上でライブ編集&デバッグできる件 - Android Remote Debugging

Google Chrome beta をAndroidにインストールした人は

あれ? これなんだ的に思ってたと思いますがー。

 

 

実はこれ、

Android上で表示しているWEBページを

USB接続したパソコン上のChromeで「Chrome Developer Tools」を利用して

ゴニョゴニョできたりするのでっす!

 

 

Android上では、OSの設定からUSBデバッグを許可と、

 

 

最近使い始めたChrome Betaの設定でも、同様に許可、

 

 

で、USB接続したパソコンからは、コンソールから

 

adb forward tcp:9222 localabstract:chrome_devtools_remote

 

と打ち込みます。

 

そして、パソコン上のChromeから以下URLにアクセスします。

 

http://localhost:9222

 

すると、パソコン上のChromeに、Androidc上Chromeで表示している

WEBサイトのページURLが表示されます。

 

 

で、それぞれのURLをクリックすると、まあ不思議!!

 

 

Android上で表示しているWEBサイトが

パソコン上の「Chrome Developer Tools」で開けます。

 

これで、スマホ向けサイトのHTML5とかそんなアプリとか

開発者は効率良くHTML5を利用したアレやコレを作ることができたりします。

 

Googleのメーカーやベンダーの枠を超えた

垂直統合的な技術的水平統合ってか、すごいですよー!!

 

Google Chrome for Android - Google Code 


関連ワード:  Android・Google・これはすごい・ツール・ニュース・便利な設定・開発・・・