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. 3:2の比率で写真撮影できるOneCam

    モバイル

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

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

  2. モバイル

    iPhoneのバッテリー節約に!低電力モードの設定方法と解除

    丸一日iPhoneを使用すると心配なのがバッテリーの持ち具合です。特に…

  3. GoodReaderでファイル名を変更

    モバイル

    iPhoneやiPadのGoodReaderでファイル名を変更(リネーム)するやり方

    iPhoneで毎回PDFファイルの閲覧に使用しているアプリがGoodR…

  4. モバイル

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

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

  5. フラッシュライト(懐中電灯)の明るさ調整

    モバイル

    iPhone 7(iOS 10)でフラッシュライト(懐中電灯)の明るさを調整するやり方

    なかなか画期的な新機能だったのでメモがてらご紹介します。iOS 10で…

  6. Safariが落ちる対処法

    モバイル

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

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

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP