Web Information

iPhoneでWebサイトのソースコードを閲覧・編集できる便利なアプリ「ScriptBrowserPlus」

iPhoneでWebサイトのソースコードを確認したかったのでアプリを探してみたところよさそうなものがあったので使ってみました。ScriptBrowserPlus(SBplus)というiPhoneアプリなんですが、シンプルで手軽にHTMLのソースコードを確認できます。仮想の編集なんかもできたりするのでWebサイトを作っている人は入れておいて損はないアプリかと思います。

[ads_center]

使い方

使い方はとっても簡単です。まずはソースを確認したいサイトを開きます。

ScriptBrowserPlus

で、タイトルを「Source」のところにドラッグ&ドロップするだけです。

ScriptBrowserPlus

こんな感じでソースコードを閲覧することができます。

ScriptBrowserPlus

また、以下の画面下部にあるアイコンをタップするとソースコードを折り返して表示させることができます。これが地味に便利です。わざわざ横スクロールで確認するのが面倒な時に役立ちます。

コードを折り返したりもできる

ブラウザはタブブラウザになっており、他のページを開きたい場合は以下の「+」のアイコンをタップすることで新規タブを追加できます。複数のページを同時に置いておくことができるのでとても効率的ですね。

新規タブを追加

Editにドラッグ&ドロップすることで仮想的に編集することができます。「コードをこんな感じで変えたらどういった表示になるんだろう」といったことを試せるのでサイト制作時に役立ちそうです。

ソースコードを編集

できたら「完了」をタップして三角のアイコンをタップするとプレビューが表示されます。

プレビューを表示

ということで、便利な機能満載なソースコード閲覧アプリ「ScriptBrowserPlus」オススメです。

関連記事

  1. Web Information

    今後もお世話になりそうな無料写真素材サイトをまとめてみた

    無料の写真素材サイトってたくさんあって迷っちゃうっていう人は結構いるか…

  2. Nexus 5でテザリングしてMacを接続

    Web Information

    Nexus 5でテザリングしてMacを接続させるやり方

    Nexus 5でテザリングしてMacを接続してみたのでそのやり方をメモ…

  3. Menu Button Animations
  4. Web Information

    FeedBurnerを日本語に設定するやり方

    ふとFeedBurnerを見ていたら日本語にできないのかと思ったので探…

  5. ドットナビゲーションスタイル

    Web Information

    ドットナビゲーションスタイルの色んなパターンについて

    よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常…

  6. Animated SVG Image Slider

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP