selectorview
CSSやXPathのセレクタを確認するツール
-
付与されたタグ:
- Free Software
いろいろとCSSやらXPathを使う機会が増えたのでブラウザで確認できるツールを作成。githubに入れてあってデモページも作ってあるので動作はそこで確認。基本的には自分でCGIを動かせるサイトが必要。ちゃんと動くデモサイトを用意できればいいが，どう考えても悪いことに使えるので用意できません。
解説
iframeの中に対象のWebページを読み込んで jQuery を使ってCSSかXPathのセレクタを使ってマッチした要素を強調表示させる。ただし，iframeの中身が外部URLだとセキュリティ上操作できないのでプロキシの動作をするCGIをかませて同サイト上のファイルに見せかけている。リンクの変換も試みてはいるが完璧とは行ってない。いちおうこんな感じで動きますねえと。