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 ポチレバ

jQloudsふわふわと流れるアニメーション付きの雲を実装できるjQueryプラグイン「jQlouds」前のページ

カラーコード(HEX値)を入力して色のプレビューを確認できる「Hex Preview」次のページHex Preview

関連記事

  1. iPhone 7で4K動画撮影の設定方法

    モバイル

    iPhone 7で4K動画(4K/30 fps)を撮影するための設定方法

    iPhone 7を使って高画質で美しい映像を記録したいなら4K動画撮影…

  2. Safariのリーディングリスト

    モバイル

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

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

  3. Eureca

    モバイル

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

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

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

    モバイル

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

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

  5. GoodReaderからiCloud Driveへアップロード

    モバイル

    GoodReaderからMacのiCloud Driveへアップロードするやり方

    iPhoneのGoodReaderアプリに保存しているPDFファイルな…

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

    モバイル

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

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

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP