【自分用まとめ】Chrome+HTML5 Developers Live Japan #6

taknb2nch @taknb2nch

WebDeveloperからconnect、、、

taknb2nch @taknb2nch

ウチのFirefoxだと、Web開発→リモートデバッガかな。 ダイアログ出るからIP入れると。

taknb2nch @taknb2nch

今のところコンソールでデバッグするくらい・・・。

taknb2nch @taknb2nch

続いて本命のChromeだが、ケーブルで繋ぎます。

taknb2nch @taknb2nch

従来はSDKが必要だったが、Chrome Extention でOK。https://t.co/tBft8mmdbx

taknb2nch @taknb2nch

デスクトップ版のChrome Developer Tool とほぼ同じ機能が使えます。

taknb2nch @taknb2nch

ここからは Chrome canary を使います。

taknb2nch @taknb2nch

enable reverse port forwarding

taknb2nch @taknb2nch

PC側のポートと端末側のポートをマッピングします。

taknb2nch @taknb2nch

PC側に立てたサーバーを端末からアクセスして、端末の状態をDeveloper Toolsでデバッグできます！

taknb2nch @taknb2nch

Overrides→device metrics、geolocation、device orientation、touch event

taknb2nch @taknb2nch

https://t.co/N3DQjOpxFm