2012/08/07更新

[JavaScript] 表示中の画面のソースコードを表示するブックマークレット

このエントリーをはてなブックマークに追加            

こんにちは、iPhoneの快適利用を模索中の @yoheiMuneです。
Web開発者くらいしか興味ないと思いますが、今日は表示中のページのソースコードを表示する ブックマークレットを紹介します(*゚▽゚)ノ
「ソースを表示」機能のないiPhoneのSafariで使いたいので、探したり作ったりしてみました。

Bookmarklet src code



ページのソースを表示するブックマークレット(簡易版)

さくっと表示したい場合には、以下のリンクをブックマークとして登録し、ブックマークレットとして 利用するといい感じです。

ソースを表示する(簡易版)

※1 登録したブックマークのURLのうち、最初の「http://www.yoheim.net/」を削除すると、 ブックマークレットとして動作します。
※2 リンク先に飛ぶと、NOT FOUND(404)となりますが、問題ありません。



ページのソースを表示するブックマークレット(リッチ版)

じっくりとソースを読むように、色付けも行うように作ってみました。
でも動作が重たいのが難点。ブックマークレットを起動後に、気長に待ってみて下さい(10秒とか)。
以下リンクをブックマークとして登録してください。

その後、簡易版と同じように最初の「http://www.yoheim.net/」を削除するとブックマークレットとして動作します。

ここをブックマーク


最後に


BookmarkletはJavaScriptで作成できるため、ちょっとした便利機能をすぐに作成できて便利です。
色々な機能を色々な人が作っていますので、 iPhone Safariをこーゆう風に便利にしたいという場合に、すぐにブックマークレットを見つけることが出来るかもっ(*゚▽゚)ノ

本記事が、少しでも皆様のお役に立てれば幸いです。

色付け機能付きのソースを表示ブックマークレットは、動作改善をしていきたいな☆





こんな記事もいかがですか?

RSS画像

もしご興味をお持ち頂けましたら、ぜひRSSへの登録をお願い致します。