iPhoneのSafariでソースコードを表示できるアプリ「View Source」が楽しすぎる!いつでもどこでもチェック!

View source
電車の中で気になるウェブサイトを発見した時、「あのサイトの中身はどうなっているんだろう」「このデザインはどのように実装しているのだろう」と思ってもソースコードはパソコンがなければ確認できなかった。

そんな需要ないって?!あるの!ある、ある!

とあるiPhoneアプリの登場によってその「できない」が「できる」に変わった!その名も「View Source」。これを利用すればiPhoneのSafariからHTMLやCSS、Javascriptがサクッと確認できるのだ!凄すぎる!

早速使ってみたので、紹介する!

iPhoneでもソースコードを見れるなんて…楽しすぎる!

View Source」がソースコードをただ適当に表示するだけのアプリだと思っていたら大間違い。iPhoneから確認する上では十分な機能が用意されている。
View source
右上のメニューボタンを押すと以下のメニューが表示される。文字列の検索、ハイライトのオン・オフ、改行のオン・オフ、テーマの変更などが利用できる。
View source
文字列を検索する「Hightlight string…」で「title」を検索してみると…
View source
…ドーン!このようにソース内の「title」をハイライト表示してくれるのだ!
View source
テーマも変更できる。これは「Bluescreen」というテーマ。
View source
ハイライトを無効(Toggle Highlight)にし、改行も無効(Toggle Line Wrap)にした状態はこうなる。
View source

Safariで見ているサイトのソースコードをチェックできる

そして「View Source」最大の魅力はSafariで表示しているページのソースコードをSafariの中からチェックできるということ。設定方法Safariから1Passwordを有効にする方法と同じなので、ピンと来ない人は以下の記事を参考にどうぞ!


例えば、Safariで「gori.me」という気になるウェブサイトを開いているとしよう。気になりすぎてソースコードさえも見たくなってしまった。気になりすぎて夜も眠れない。さて、どうするか。
View source
中央のメニューボタンをタップし、予め設定しておいた「View Source」のアイコンをタップ。
View source
するとこのようにソースコードが表示されチェックできるのだ!凄すぎる!
View source
決して万人受けするアプリではない。必要としている人も非常に少ないかもしれない。ただし、僕は好きだ。いつでもどこでも気になるサイトの内部構造が確認できる。いつでもどこでもソースコードをチェックできるなんて…楽しすぎるよ!

アプリは100円で販売中。ソースコードをいつでもどこでもチェックしたいという人はダウンロードするべし!


(via Macお宝鑑定団 blog(羅針盤)

オススメ

gori.meの最新情報をチェック!!

  1. 精算不要の「Amazon Go」、登場!万引きにしか見えない最先端スーパー
  2. 「iOS 10.2 Beta 6 / Public Beta 6」、配信開始
  3. Twitter 、2016年の人気ツイートをまとめたランキング「2016年振り返りツイート」を公開!
  4. 【保存版】iPhoneのストレージ容量不足を劇的に解消する7つの方法
  5. 【保存版】Macの「その他」を削除し、ストレージ容量不足を解消する方法