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. マウスオーバーでEXIFをチェックできる「EXIF Viewer」
  2. Animated SVG Image Slider
  3. Web Information

    MacのReederでPocketに送るためのショートカットを作成

    MacのReederでPocketに簡単に送れるようにするためのショー…

  4. Feedlyでカテゴリーのフォルダ名を変更

    Web Information

    Feedlyでカテゴリーのフォルダ名を変更するやり方

    Feedlyでカテゴリーのフォルダ名を変更するやり方をメモしておきます…

  5. URLをハイライト表示させるショートカットキー

    Web Information

    ChromeでURL欄にカーソルを合わせる(ハイライト表示)ショートカットキー

    最近覚えたChromeの役立つショートカットキーをご紹介します。URL…

  6. Web Information

    タイポグラフィを向上させるjQueryプラグイン15

    テキストやタイポグラフィに関する機能を向上させてくれる15のjQuer…

コメント

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

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

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP