楽しくiPhoneライフ!SBAPP

Apple製品全般の最新情報やアプリのレビューを毎日お届け!

【iPhone】SafariでHTMLのソースコードを確認する方法

cat
スポンサードリンク

WEBを見て回っていると時折HTMLソースを覗き見したい時ってありますよね。
ブロガーの方であれば、相手にリンクされた際にnofollowでリンクされていないか確認される方もいるのではないでしょうか?
PCであれば簡単にHTMLソースを見る事が出来るのですが、iOSのSafariの場合はブックマークレットを登録する必要があります。

ブックマークレットとは?

ブックマークレットはSafariのブックマークのURL部分をコードに書き換える事で使用できます。
ブックマークレットを追加する手順を紹介した記事がありますので、詳しくはこちらをご覧ください。
【iPhone】Safariにブックマークレットを追加する方法

コード

任意のページをブックマークし、編集でURLを以下のコードに変更してください。
javascript:(function()%7Bvar%20d%3Ddocument%2Cs%2Ce%3Bvar%20el%3Dd.getElementById('snpy')%3Bif(typeof%20Snoopy!%3D'undefined')%7BSnoopy.toggle()%3Breturn%7Delse%20if(el)%7Bel.className%3D%2Fclosed%2F.test(el.className)%3Fel.className.replace('closed'%2C'')%3Ael.className%2B'%20closed'%3Breturn%7Ds%3Dd.createElement('link')%3Bs.setAttribute('href'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.css')%3Bs.setAttribute('rel'%2C'stylesheet')%3Bs.setAttribute('type'%2C'text%2Fcss')%3Bd.getElementsByTagName('head')%5B0%5D.appendChild(s)%3Be%3Dd.createElement('script')%3Be.setAttribute('src'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.js')%3Bd.getElementsByTagName('body')%5B0%5D.appendChild(e)%7D)()%3B
th_IMG_0871

HTMLソースを確認したいページで、登録したブックマークレットを開く。
th_IMG_0872

するとページ概要が表示されるので、メニューのview sourceをタップするとソースを確認する事が出来ます。
th_IMG_0873

ハイライト機能が備わっているので、非常に見やすいです!
th_IMG_0874

つぶやき

kogoto_prof
ソース確認のブックマークレットは幾つもありますが、Snoopyを採用したコチラのブックマークレットがハイライト機能も備わっており、構造がわかりやすいので一番便利だと思います。
iOSでササッとソースを確認したい方は、是非使用してみてくださいね。

参考:snoopy

コメントはこちら

*
*
* (公開されません)

Return Top