iPhoneでHTMLソースを確認できるアプリを探してたら素敵なCookpadのソースコードに出くわした件

Advertisement

iPhoneで簡単にHTMLソースを見る方法はないかなぁと探していて、試しにCookpadのソースを見たら素敵だったのでご紹介。

こういう遊びゴコロ、すごくグッときますね。

ちなみに、iPhoneでHTMLソースを見るアプリは「View Source 」が良さそうです。

ブックマークレットを利用する方法もありますが、こっちのほうが使い勝手が良くてDOMの閲覧機能などもついていて便利です。有料だけど120円だし(2015年10月現在)。

使い方は簡単で、Safariでソースを見たいページに行ってシェアボタンから「View Source」を選ぶだけです。

ちなみに、Chromeでは使えないです。

ソースの閲覧、DOMの確認、画像などのアセットの確認に加え、インラインでJavaScriptを挿入する機能がついています。アプリを立ち上げるとテーマ機能で背景やハイライトの色を変えられます。右上のシェアボタンから各種機能にアクセスできます(わかりにくいですけど)。

About the author

Rriverのステッカーが貼られたMacBookの向こうにいる自分のMemojiの似顔絵

「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら

ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net Twitter @rriver 、またはFacebook までご連絡ください。