View Source

モバイル

【ソースコード閲覧】iPhone6/6 PlusやiOS8のSafariエクステンションに対応したアプリ「View Source」

最新のiPhone6/6 Plusに対応したiPhoneアプリ「View Source – HTML, JavaScript and CSS」がとても使いやすかったのでご紹介します。iOS8のSafariエクステンション(拡張機能)にも対応しており、簡単にWebページのソースコードを閲覧することができます。

[ads_center]

View Sourceの使い方

基本的な使い方は、まずView Sourceをインストールして起動します。すると「Go to URL」という入力欄があるので、ここにソースコードを見たいWebページのURLを入力します。

URLを入力

これでソースコードが表示されます。とてもシンプルです。

ソースコードが表示

Safariからソースコードを見れるように設定する

そしてさらに実用的なのが、Safariのエクステンションでも使えることです。

普段iPhoneからWebページを見る場合はSafariを使うことが多いので、View Sourceのアクティビティをオンにしておくだけで、簡単にソースコードを表示させることができます。

これは非常に便利です。

設定方法は、Safariで目的のページを開いたら以下のメニューアイコンをタップします。

Safariでソースコードを閲覧

続いて「その他」をタップします。

その他

アクティビティが表示されるので、その中にある「View Source」を有効にします。

View Sourceを有効

すると、メニュー内に先程までなかったView Sourceのアイコンが表示されるようになりました。

View Sourceのアイコン

あとはソースコードを見たいページを開いている状態で、このアイコンをタップすれば、以下のようにソースコードを閲覧することができます。

ソースコード閲覧

その他にもコードをコピーしたりメールで送ったりすることも可能です。

コードのコピーやメール送信が可能

試しに「Copy to Pasteboard」からコードをコピーしてみました。メモアプリにペーストしてみたところ、しっかりとコードをコピペすることができました。

コードをコピペ

スマホから気軽にWebサイトのソースコードを見たいという方やWeb制作者の方にはとても役立つアプリですね。

View Source – HTML, JavaScript and CSS

100円
(2014.10.24時点)
posted with ポチレバ

関連記事

  1. WebページをPDFで保存

    モバイル

    【iOS 11】iPhoneのSafariでWebページをPDFで保存する方法

    iOS 11の新機能に、iPhone・iPadのSafariでWebペ…

  2. 複数の写真/画像をまとめてリサイズ-一括変換アプリ- for iPhone

    モバイル

    簡単に複数の写真(画像)をまとめてリサイズできるiPhoneアプリが超便利

    iPhoneで撮影した写真(画像)をまとめてリサイズしたいときってあり…

  3. モバイル

    洗練されたデザインが素敵すぎるiPhoneの習慣管理アプリ「Habit List」

    以前、習慣化させたいコトがあるときに「Streaks」というiPhon…

  4. モバイル

    指でなぞるだけで簡単にモザイク(ぼかし)処理できるiPhoneアプリ「モザイク」

    モザイクというiPhoneアプリを使ってみました。iPhoneで撮影し…

  5. 文字数カウントメモ

    モバイル

    文字カウンターつきのiPhoneメモ帳アプリ「文字数カウントメモ」が便利すぎる

    iPhoneで文章を書いているときに、現在の文字数を知りたくなった経験…

  6. Eureca

    モバイル

    調べものに最適!さまざまな検索をすばやく実行できるiPhoneアプリ「Eureca」

    EurecaというiPhoneアプリを使ってみたのでご紹介します。キー…

最近の記事

  1. SF-G64T
  2. USB Type-C搭載ドッキングステーション
  3. RX100M6

Facebookページ

PAGE TOP