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. Safariのリーディングリスト

    モバイル

    iPhoneのSafariでオフラインや圏外の時でもWebページを見る方法

    普段iPhoneを使っていると、たまにオフラインや圏外の時でもWebペ…

  2. 文章をドラッグ&ドロップで移動

    モバイル

    【iOS 11】選択した文章をドラッグ&ドロップで簡単に移動するやり方

    またまたiOS 11で便利な機能を発見したので紹介します。今まで文章を…

  3. iPhoneのSafariですべてのタブを閉じる

    モバイル

    iPhoneのSafariですべてのタブを一気に閉じる設定方法

    iPhoneでSafariを使っているといつの間にか大量のタブが溜まっ…

  4. Safariが落ちる対処法

    モバイル

    iPhone(iOS)Safariのアドレスバーをタップすると突然落ちるのでその対処法

    昨日からiPhoneのSafariが突然落ちる現象に見舞われました。も…

  5. LogoScopic Studio

    モバイル

    プロっぽいロゴを簡単に作成できるiPhoneアプリ「LogoScopic Studio」

    iPhoneやiPadで簡単にロゴを作成できるアプリ「LogoScop…

最近の記事

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

アーカイブ

PAGE TOP