iPhoneで簡単にHTMLソースを見る方法はないかなぁと探していて、試しにCookpadのソースを見たら素敵だったのでご紹介。
![](https://parashuto.com/rriver/wp/wp-content/uploads/2015/10/cookpad-html-source-2015.png)
こういう遊びゴコロ、すごくグッときますね。
ちなみに、iPhoneでHTMLソースを見るアプリは「View Source 」が良さそうです。
ブックマークレットを利用する方法もありますが、こっちのほうが使い勝手が良くてDOMの閲覧機能などもついていて便利です。有料だけど120円だし(2015年10月現在)。
使い方は簡単で、Safariでソースを見たいページに行ってシェアボタンから「View Source」を選ぶだけです。
![](https://parashuto.com/rriver/wp/wp-content/uploads/2015/10/view-source-app.png)
ちなみに、Chromeでは使えないです。
ソースの閲覧、DOMの確認、画像などのアセットの確認に加え、インラインでJavaScriptを挿入する機能がついています。アプリを立ち上げるとテーマ機能で背景やハイライトの色を変えられます。右上のシェアボタンから各種機能にアクセスできます(わかりにくいですけど)。
2015年10月14日に公開された記事です。
About the author
![Rriverのステッカーが貼られたMacBookの向こうにいる自分のMemojiの似顔絵](https://parashuto.com/rriver/wp/wp-content/themes/rriver2/img/ryo-watanabe.png)
「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。
ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。