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. Apple、「iPhone 6」のバッテリー交換プログラムを準備している可能性
  2. 【非公式】「iPhone 8」のコンセプトイメージーーみんなの夢と希望を詰め込んだ最強の端末に
  3. さようなら「Vine」、ようこそ「Vineカメラ」
  4. 【保存版】iPhoneのストレージ容量不足を劇的に解消する7つの方法
  5. 【レビュー】「LG 5K UltraFine Display」は「MacBook Pro (Late 2016)」との相性抜群!「5K」は偉大だった