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. Foodie

    モバイル

    料理や日常をオシャレに撮影できるiPhoneカメラアプリ「Foodie」

    シンプルな操作性で簡単にオシャレな写真を撮影できるiPhoneのカメラ…

  2. PicFrame

    モバイル

    多彩なフレームが魅力的!複数の写真を1枚にまとめれるiPhoneアプリ「PicFrame」

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

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

    モバイル

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

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

  4. モバイル

    iPhoneのロック画面・ホーム画面にメモを表示できるアプリ「ロック画面メモ」

    朝には覚えていたのに、外に出たとたんすっかり忘れてしまった……。なんて…

  5. モバイル

    iPhoneのバッテリーを節約したいときに役立つアプリ「バッテリーマニア」

    一日中、iPhoneを携帯していると心配になるのが「バッテリー」です。…

  6. 3:2の比率で写真撮影できるOneCam

    モバイル

    iPhoneで3:2の比率で写真を撮影できるカメラアプリ「OneCam」

    iPhoneのカメラはデフォルトでは4:3(縦:横)の比率で写真撮影さ…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP