iPhoneでソースコードを表示する方法。もちろんお代はいただきません。

iPhoneでネットサーフィン(死語?)してると、「おや?どうやってんだ?」ってソースコード見たくなる時ありませんか?でもスマホサイトだとなかなか見られない…でもブックマークレット使えば見られます。

スポンサーリンク

スマホサイトはソースコードが見られない!?

Apple

ふふーんと時間を潰していて、ふっとソースコードを見たい!と思いましたがどうやってみるんだ!?どうもiPhoneはデフォルトではスマホサイトのソースコードを見ることができない模様。じゃぁどうやるんだと…有料のものもありますが、本業でなんやらするわけでもないんで、無料でなんとかできる方法を探ってみました。

iPhoneアプリで見る

iSource Browser

iSource Browser
開発元:Gamu apps
無料
posted withアプリーチ

ブックマークレットで見る

bookmarkletをsnoopyというサイトで公開されています。ここからいただきましょう。感謝。ブックマークレットも3ステップなんで、言うほどめんどくさくないです。

Snoopy | View-source bookmarklet for iPad, iPhone and other mobile devices

手順1:ブックマークレットの中身をコピーする

Snoopyサイトに行ってソースをコピーします。下の画像の赤枠を全選択してコピーしてください。

snoopyのコピーする場所

手順2:ブックマークレットの箱をつくる

safari下部の帯にある、共有ボタンを押してください。

共有

からのーブックマークを追加。

ブックマークを追加

で、ブックマークする。ちなみにどこをブックマークしても問題ありません。後で中身変えますから。さっきスクリプトをコピーしたsnoopyサイトをブックマークしておけば手間を省けます。

ちなみにこの際、名前はわかりやすいものにしておくと手間省けます。まぁ後で編集できるので必須ではありませんが。

手順3:ブックマークレットを編集して作る

先ほど作った箱を編集します。今度はiPhone下帯のブックマークボタン押してください。

ブックマーク

からのー、さっきのブックマークを選びます。

ブックマークレット

で、さっきコピーしたスクリプトを、ペしてください。画像の下の部分です。上の部分は、ブックマークレットの機能がわかるように命名すると後々幸せになれます。

使い方

ソースコードを見たいサイトに行き、ブックマークレットをタップするだけ!簡単便利!

まとめ

有料アプリもあるみたいですが、本気じゃない人ならば今回ご紹介の範囲内でなんとななるのではないでしょうか。ただ、昔は「ソースを表示」ってボタンがsafariにあった気がするんですが…気のせい?

search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status image gallery music video category tag chat quote googleplus facebook instagram twitter rss