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. モバイル

    【iOS 11】iPhoneのコントロールセンターからナイトシフト(Night Shift)へ簡単に…

    iPhoneのディスプレイの色を暖色にして、夜眠る時に便利な「ナイトシ…

  2. モバイル

    iPhoneのSafariでPC(デスクトップ)表示にスマホ画面を切り替える方法

    iPhoneでwebページを閲覧するときに、スマホ版ではなくPC(デス…

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

    モバイル

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

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

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

    モバイル

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

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

  5. Moleskine Journal

    モバイル

    モレスキンの公式iPhoneアプリ「Moleskine Journal」を使ってみた

    人気の手帳でおなじみのモレスキンのiPhoneアプリ「Moleskin…

  6. Eureca

    モバイル

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

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

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP