HTML コードの閲覧やコードのテストが可能な iPhone アプリ「ScriptBrowser」

以前紹介した「Spirit Browser Lite」は、HTML ソースコードの確認が可能なブラウザアプリだがその機能はおまけ程度だった。

今回は HTML や JavaScript のソースコードが確認でき、さらにソースコードを書いてテストもできる「ScriptBrowser - ソースコード閲覧＆テスト」(バージョン 1.0.0)を紹介する。

●確認できるソースコードは HTML、JavaScript、CSS

ソースコードの確認手順は、最初に表示される Google か画面上部からサイトを検索し、「Source」タブをタップするだけ。
 

HTML コードを閲覧

ソースコードは横画面でも閲覧でき、右下のアイコンで画面におさまるように改行表示も可能。文字数が多いためか、横画面、縦画面の切り替えには数秒かかる。



「ページ内検索」も用意されているので任意のファイル名などを探しやすい。ピンチアウトで縮小表示もできる。



ソースコードの確認時に少し気になったのは、JavaScript や CSS のソースコードから HTML コードへ戻った際、ソースコードの先頭が表示されてしまうこと。再び閲覧していた行までスクロールするのは私としては煩わしさを感じた。

また、Web ページの読み込み中にページ内検索を行うとアプリが強制終了してしまうので、読み込みの完了を待つ必要がある。


●コードのテストも可能

「ScriptBrowser」の目玉と言える機能が「ソースコードテストモード」。「Test」タブにソースコードを入力し「実行」をタップすれば、iPhone 上で結果を見られるという珍しい機能だ。

試しに Google の HTML コードをコピーしてテストコードにペーストしたところ、写真の通り Google が表示された。私は HTML に精通しているわけではないので、詳しい方は色々と試して頂きたい。

一つ注意点として、アプリの再起動でテストコードは消えてしまうため、アプリ終了時には別のメモアプリにソースコードを保存しておくといい。


 

●ブラウザとしての機能は弱い

「ScriptBrowser」は他にも Web ページ内の画像の保存や、ブックマーク機能がある。画像の保存は一括でできるため便利だが、ブックマークは階層管理ができなかったり、後から名前や表示順の変更ができなかったりと気にかかる部分が多かった。このため、「ScriptBrowser」はソースコードの確認用途で使いたい。

なお、App Store のアプリ詳細には「このアプリは iOS4.2 のみ動作確認しております」と記載してあるが、iOS4.3.3 でも動作した。

「ScriptBrowser」は無料。iPhone でソースコードの確認をしたい方は試してみてはいかがだろう。