ブックマークレットで簡単起動できるDOMインスペクタ
2006年12月14日-
スポンサード リンク
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にも同様の機能が存在しますが、IEでも使えるのでIEをお使いの方にはなかなか便利かも。
インストールは簡単で、「Bookmark this link for MODIv2」をお気に入りに追加してブックマークレットとして使用するだけです。
使い方は、DOM要素を解析したいページ上で、ブックマークレットを起動するだけです。
ブックマークレットを起動すると、ウィンドウが立ち上がるので、後は調べたい要素にカーソルを合わせます。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 約7500種の汎用ピクトグラムアイコン集「Phosphor Icons」
- 過去のエントリ