Web Information

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

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

[ads_center]

使い方

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

ScriptBrowserPlus

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

ScriptBrowserPlus

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

ScriptBrowserPlus

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

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

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

新規タブを追加

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

ソースコードを編集

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

プレビューを表示

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

flipLightBoxフリップ効果が特徴的なレスポンシブ対応のLightbox風jQueryプラグイン「flipLightBox」前のページ

Lightroom(Mac版)でユーザープリセットのファイルの保存場所次のページLightroomのユーザープリセット保存場所

関連記事

  1. Web Information

    「iPhoneを検索」でWebページ検索ができるのでとても便利

    最近iPhoneでよく使う機能が「iPhoneを検索」です。左から右へ…

  2. Web Information

    Googleニュースで自分の好きなキーワードのRSSを取得する方法

    何かのキーワードを調べたい時に、Googleニュースでそのキーワードの…

  3. SVG Loaders
  4. Macでcommand + Zを元に戻す

    Web Information

    Macでcommand + Zで戻ったものを再度元に戻すショートカットキー

    何気にこれは覚えておくべきだなーと思ったので、メモがてらご紹介します。…

  5. YouTube動画をループ再生する方法

    Web Information

    YouTube動画をカンタンにループ再生(リピート)する方法

    YouTubeでお気に入りの動画などを見ているときに、ループ(リピート…

  6. Nexus 5でテザリングしてiPhoneを接続

    Web Information

    Nexus 5でテザリングしてiPhoneをネットに接続させるやり方

    Nexus 5でテザリングしてiPhoneをネットに接続させるやり方を…

コメント

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

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

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP