2006-01-12 アーカイブ

http://hxxk.jp/2006/01/12/

マークアップを可視化する Firefox の拡張

記事データ

投稿者

望月真琴

投稿日時

2006-01-12T02:21+09:00

タグ
概要

h1, h2, h3, h4, h5, h6, p, ol, ul, li, dt, dd, font, div, span, blockquote, pre, a, b, i, strong, em という HTML の主要なタグによるマークアップを手軽に可視化する拡張、 X-Ray を使ってみました。

リプライ

リプライはまだありません。

記事本文

X-Ray

Modern Syntax : ページ上にHTMLタグを表示してくれるFirefox用プラグイン経由で導入。 以前[ワツニュ]人ん家のスタイルシートで表示http://hxxk.jp/common/css/preview.css を組み合わせて似たような試みをやったことがありますが、この拡張の方がより手軽に確認できますね。

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. If some other people find this extension useful, I’ll probably add support for more tags, and possibly experiment with adding some other enhancements as well.

とあるように、全てのタグではなく主要なタグのみの可視化を行う模様。

スクリーンショット比較

[ワツニュ]人ん家のスタイルシートで表示と http://hxxk.jp/common/css/preview.css で hxxk.jp を表示したもの

こちらは既存のスタイルは反映せずに preview.css のスタイルを反映して構造を可視化。

X-Ray で hxxk.jp を表示したもの

こちらは既存のスタイルは維持したまま、マークアップのみを可視化。

リプライ

リプライはまだ送られていないか、管理者の承認待ち状態です。 この記事に対するご意見やご質問、ご感想などありましたら個別記事ページの送信フォームからお送り下さい。

補足情報

著作、講演、制作実績など