cssgrep·コンソール上でDOMをCSSセレクタ/XPathで検索 MOONGIFT
HTMLの中から指定したDOMを探し出すにはXPathまたはCSSセレクタを使う方法が考えられます。jQueryなりを使って利用する人が多いと思いますが、今回はWebブラウザを使わずにターミナルで行うケースを考えます。 そのためのツールがcssgrepです。まるでファイルをgrepするようにXPathやCSSセレクタを使ったテキスト抽出ができます。 cssgrepの使い方 MOONGIFTで試したところ。 サンプルのコードは次のようになっています。 curl http://linuxfr.org/ | ./cssgrep.rb '#friends li:nth-child(even)' <li><a href="http://www.agendadulibre.org/">Agenda du libre</a></li> <li><a href="http://fr.lolix.org/"
Web開発を支援するツールバーfor IE.:phpspot開発日誌
Passion For The Future: Web開発を支援するツールバー Internet Explorer Developer Toolbar Beta Web開発者、デザイナーにとってとても便利なツールバーをマイクロソフトが無償配布している。 ・WebページのDOM構造を可視化し修正できる。 ・任意のエレメントをWebページ上で選択、配置できる ・MSIEの設定を個別にオフにできる ・HTMLオブジェクトのクラスネーム、ID、リンクパス、タブインデックス値、アクセスキーなどを可視化できる。 ・アウトライン、テーブル構造、テーブルセル、画像、タグなどをわかりやすく可視化できる ・HTMLやCSS、WAI、RSSなどの構文検証ができる ・画像の配置、ファイルサイズ、パス、ALTタグを表示できる。 ・ブラウザーキャッシュやクッキーをクリアできる ・W3Cのリファレンス、MSIE Tea
IEで使えるDOMインスペクタ:phpspot開発日誌
IEDocMon This tool runs in an explorer bar in Microsoft Internet Explorer. It is useful for exploring elements, events, and interfces in HTML documents. IEDocMon。簡易的なDOMインスペクタ。 選択したDOMツリー部分をハイライトしたり部分的なソースコードを表示する機能を持ってます。 ソースも公開されているので、好みの形にカスタマイズしたい方は出来るようです。 その他、IEで使えるDOMインスペクタ MS製 Internet Explorer Developer Toolbar Beta (Microsoft) その他、シェアウェアだけど高機能なもの IE DOMInspector DOMSpy Mouseover DOM Insp
ブックマークレットで簡単起動できるDOMインスペクタ:phpspot開発日誌
slayeroffice | tools | Mouseover DOM Inspector v2.0 Help The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. ブックマークレットで簡単起動できるDOMインスペクタ。 次のように、カーソルを合わせた部分のHTML要素の属性についてサクっと知ることができます。 ( 上記はブログのタイトル画像にカーソルを合わせて、画像の属性について表示させているところ ) FirefoxのFireBugにも同様の機能が存在しますが、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
