Web Information

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

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

[ads_center]

使い方

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

ScriptBrowserPlus

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

ScriptBrowserPlus

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

ScriptBrowserPlus

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

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

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

新規タブを追加

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

ソースコードを編集

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

プレビューを表示

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

関連記事

  1. Web Information

    Googleアラートで好きなキーワードを指定してフィード登録するやり方

    すごい今更ですがGoogleアラートのフィード登録を使ってみました。と…

  2. フリーのアイコンセット

    Web Information

    Webページやモバイルサイトで使いたいフリーのアイコンセット

    とてもいい感じにまとめられていたのでご紹介します。Webページやモバイ…

  3. 現時点の動画のURLをコピー

    Web Information

    YouTube動画で指定した時間から再生できるURLをコピーする方法

    YouTube動画のURLを友達などに伝えるときに「◯分◯秒から再生さ…

  4. KindleでEメールアドレスを追加
  5. FeedlyのChrome拡張機能

    Web Information

    Feedlyに簡単にアクセスできるChrome拡張機能

    前はFeedlyからPocketに送っていたんですが、ここ最近はFee…

  6. Chromeのブックマークバーの表示・非表示を切り替えるショートカットキー

コメント

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

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

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP