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. LogoScopic Studio

    モバイル

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

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

  2. 複数のアプリをまとめて移動

    モバイル

    整理に最適!複数のアプリをまとめて移動できるiOS 11の新機能

    iPhoneやiPadのアプリを整理する時に、今まではアプリを1つずつ…

  3. 「iPhoneから送信」を削除する設定方法

    モバイル

    iPhoneのメール末尾につく「iPhoneから送信」を削除する設定方法

    iPhoneからメールを送信するときに、メール末尾に自動でつく「iPh…

  4. Moleskine Journal

    モバイル

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

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

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

    モバイル

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

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

  6. iOS 11の「片手入力」機能

    モバイル

    iOS 11の「片手入力」機能がとても使いやすい

    先日、iPhoneやiPadの最新OSである「iOS 11」にアップデ…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP