こんどのChrome Betaではモバイル開発のためのツールが充実…ビューポートエミュレーションの改良, スクリーンキャストありのリモートデバッグなど

次の記事

米下院、プラスチック銃禁止を承認するも、3D銃器法は改訂せず

remote-debug-overview

今朝(米国時間12/3)ローンチされた最新のChrome Betaで、Googleはモバイルデベロッパのための新たなツールをいくつか導入し、デスクトップからモバイルのWebアプリケーションを比較的容易にテストできるようにした。このベータはデスクトップAndroid共に、ビューポートエミュレーションの改良により、モバイルのデバイスと画面とタッチイベントがうまく模倣され、またスクリーンキャストのできるリモートデバッグもサポートされた。

これまでデベロッパは、相当面倒な手順により、ブラウザのエクステンションを使うかまたはコマンドラインから、接続したデバイスの上でデバッグを開始していた。今度からは、MacのユーザはデバイスをUSBでつなぐだけでよく、Chrome Betaがリモートデバッグをネイティブでサポートする。デバイス上のChromeやChromeが動かすWebViewの、どんなインスタンスでもデスクトップからアクセスでき、キーボードやマウスのイベントは自動的にデバイスへ送られる。Windowsユーザはデバイスドライバをインストールして、この機能を有効にする。

Googleによると、ビューポートエミュレーションが改良されたことによって、デベロッパは各種のエミュレーションパラメータ…画面解像度、タッチエミュレーション、devicePixelRatio、ユーザエージェント、センサ、などなど…を完全にコントロールできる。ページは、本物のモバイル用Chromeと同じモバイルのビューポートコードで表示されるから、デスクトップ上で実際の結果を正確に見ることができる。

viewport-emulation

Chrome DevToolsのファンの方は、先月行われたChrome Dev Summitにおける Paul Irishの講演(25分)を聞いてみよう。これらの新しい機能を、詳しく説明している。

[原文へ]
(翻訳:iwatani(a.k.a. hiwa))

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

フォロー

新しい投稿をメールで受信しましょう。

現在393人フォロワーがいます。