« Collection & Copy - X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 | トップページ | JavaScriptでテンプレートとか »

2006.01.12

HTMLタグをページ上に浮き上がらせるJavaScript::BookMarklet

Modern Syntax : ページ上にHTMLタグを表示してくれるFirefox用プラグイン
という記事を読んでNew Firefox Extension: X-Ray | Design Memeを知ったわけですが、あー、なるほど、これは便利かもしれないなぁ、でも僕はFirefoxとか使わないからなぁ、Safariで使いたいなぁと思ったのでBookMarkletで似たようなモノを作ってみた(っていうか、パクリですね…、こりゃ…)。

ってか、思いつきで作った正規表現一発の2行しかない(実質一行の)JavaScriptコードなだけですが…。。。
原作の方のソースコードはまったく見ていないので何ともいえないですが、

For version 0.5 the current list of supported tags is: h1, h2, h3, h4, h5, h6, p, ol, ul, li, dt, dd, font, div, span, blockquote, pre, a, b, i, strong, em.
とか書いてあるので、ちゃんとタグによって処理を分けたりしているんだろうなぁ。。

↓BookMarkletはこちら。
html_tag_floater


ちなみに、このブックマークレットをこのブログに対して実際に実行してみたらこうなります。
html_tag_floater

あー、やっぱり色々表示がおかしいですね。

#変だったところを修正してみた。結構ちゃんと表示されるようになったと思う。

↓1日1ポチッとをお願いします!励みになります!
ポチっとよろしく!

|

« Collection & Copy - X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 | トップページ | JavaScriptでテンプレートとか »

JavaScript」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/22269/8118496

この記事へのトラックバック一覧です: HTMLタグをページ上に浮き上がらせるJavaScript::BookMarklet:

« Collection & Copy - X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 | トップページ | JavaScriptでテンプレートとか »