WiiUのインターネットブラウザーの、デベロッパーツールがかなり便利だった

イントロダクション

今回、WiiU のインターネットブラウザー上で、音楽を再生するために、WiiU のインターネットブラウザーのデベロッパーツールを初めて使ってみました。

videoタグを使用して音楽再生を行う - WiiUのインターネットブラウザーを使用して、家庭内ネットワーク内のWebサーバへ接続する
http://upa-pc.blogspot.com/2015/03/wiiu-linkstation-web-server-html-music-video.html
Dr.ウーパのコンピュータ備忘録

インターネットブラウザーの拡張機能について | Wii U｜Nintendo
http://www.nintendo.co.jp/wiiu/hardware/internetbrowser/extended_functionality.html

正直、予想以上に使いやすい代物でした。

WiiU のインターネットブラウザーのデベロッパーツール

WiiU のインターネットブラウザーのデベロッパーツールは、設定から有効にすることで初めて使えるようになります。

通常、パソコン上のブラウザのデベロッパーツールでは、同じパソコンの画面上にテスト対象のウェブページとデベロッパーツールが表示されます。


しかし、WiiU のインターネットブラウザーのデベロッパーツールでは、テスト対象のウェブページは、WiiU の画面（テレビ画面・ゲームパッド）に表示されますが、デベロッパーツールは他の機器（パソコンなど）でも表示することができます。


つまり、テスト対象と、ツールを別の装置上で実行できるわけです。

Wii U ベーシックセット (WUP-S-WAAA)	===========	(※ このパソコンイメージは自動的に決定されます。今回使用したパソコンとは関係ありません。)
テスト対象のウェブページ	ネットワーク	デベロッパーツールの実行

WiiU のインターネットブラウザーのデベロッパーツールを有効にすると、デベロッパーツールへアクセスするための URL が WiiU から通知されます。

そこにパソコンなどのブラウザからアクセスすると、デベロッパーツールを使えるわけです。

WiiU のインターネットブラウザーのデベロッパーツール へ
パソコンのブラウザを使ってアクセス

例えば、Elements タブの DOM 構造の上にマウスカーソルを乗せると、リアルタイムにその部分に対応する WiiU 上のブラウザで表示している要素の色が変わり、その要素のサイズが表示されるようになっています。

この仕組みは、Chrome などのデベロッパーツールと同じですが、WiiU でも同じように Web ページのテストが出来るのは、とても楽です。


その他のデバイスでも、このようなリモートデバッグの仕組みはありますが(*1)、WiiUでも同じような仕組みでデバッグできるのはうれしいですね。

*1:

Chromium Blog: Remote debugging with Chrome Developer Tools 
http://blog.chromium.org/2011/05/remote-debugging-with-chrome-developer.html

Chromeのリモートデバッグ機能がすごい！ - Hacking My Way 〜 itogのhack日記
http://d.hatena.ne.jp/itog/20120213/1329102426

まとめ

WiiU のインターネットブラウザーは、手軽にリモートデバッグできるので、デバッグが捗りそうです。


なお、WiiU のインターネットブラウザーのデベロッパーツールは、一度インターネットブラウザーを終了すると、無効化されます。

そのような安全面の配慮もあり、一度デベロッパーツールを有効化したばっかりに、それ以降のブラウジングの情報が全てネットワーク内に筒抜けだった、ということが無くてよいですね。

このブログ内の、他の”WiiU”についての情報を見る