日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年3月22日日曜日

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 の画面(テレビ画面・ゲームパッド)に表示されますが、デベロッパーツールは他の機器(パソコンなど)でも表示することができます。


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

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


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

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

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 のインターネットブラウザーのデベロッパーツールは、一度インターネットブラウザーを終了すると、無効化されます。

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







関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...
Related Posts Plugin for WordPress, Blogger...