iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy

iPhone, iPad, (iPod Touchも)などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。

iPhoneのキャプチャ

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

Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。
※キャプチャはiPod Touchです。

iPhoneのキャプチャ

ページの情報

iPhoneのキャプチャ

ソース表示

ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。

Snoopyの使い方

Mobile Safari -iPhone, iPad, iPodなど

最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグしてブックマークに登録し、iCloudやiTunesなどでブックマークを同期することです。
同期せず、iPhoneなどから登録するのは下記のようにします。

  1. iPhone, iPadで、ページにアクセスします。
  2. 下記のコードを全て、コピーします。
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
  1. メニューバーから、ブックマークボタンをタップします。
  2. 一番上の欄(タイトル)を「Spoopy」に変更します。
    ※名称は分かるものならなんでも可
  3. ブックマークを保存します。
  4. ここで小休止、あと半分です。
  5. ブックマークを開き、先ほど保存した「Snoopy」がのフォルダに移動します。
  6. 「編集」ボタンをタップし、「Snoopy」を選択します。
  7. 二番目の欄(アドレス)をタップし、全てのテキストを削除した後、さきほどのコピーしたテキストをペーストします。
  8. ペーストが完了したら、保存し、編集を終了します。

登録が完了したら、あとはページを表示中に「Snoopy」をブックマークから選択するだけです。

Android

Androidブラウザは「javascript:」をサポートしていないため、ブックマークレットが動作しませんでしたが、2.1以降はインストールできるかもしれません。
現在調査中です、とのことです。

top of page

©2017 coliss