サイト内検索:

スマホでHTMLソースを見るのにとても便利なブックマークレット「Snoopy」

Snoopy is a bookmarklet for snooping on web pages. It's intended for use on mobile browsers (such as Mobile Safari on the iPad) where you can't view-source to poke around under the hood of sites to see how they're built.

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

iPhoneのSafariとかChromeの場合、普通の状態だとHTMLページのソースを見ることができないので、あれこれやってあげないといけないのですが、このブックマークレットを使うと簡単に見ているWebページのHTMLソースを見ることができるようになります。

HTMLソースが見たいページでこのブックマークレットを実効するとこんな感じでページの上にオーバーレイでソースが表示されます。

Snoopy

この時、素のHTMLソースとブラウザ側でJS展開されたあとのHTMLソースの2つを見ることができます。端末のタイプを判断してJSで出力を変えているとか実際にサーバーからデータを読んでみないとページレイアウトがどうなるかわからない、なんて時にいいですよね。

で、Safariの場合はMac側でこのブックマークレットを登録してiCloud使って同期すればiPhoneのSafariにも簡単に取り込むことができます。

Androidの場合はブラウザによってはうまく動かない(スクリプトの文字数の問題?)らしいので、そのあたりはリンク先ページを読んでみてください。

あ、ブックマークレットはリンク先ページにアクセスして黒いボタンに白のテキストで「Snoopy」と書かれているやつをブックマークバーに登録すれば利用できるようになります。

実際に使ってみればわかりますがこれは非常にオススメです。だめだったらブックマークから削除すればいいだけなのでお試し下さい。

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

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2013年10月 4日 16:49に書いたブログ記事です。

ひとつ前のブログ記事は「Wi-Fiアイコンのヘアスタイル」です。

次のブログ記事は「2013年9月のベストなVine作品77個」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。