Mouseover DOM Inspektor v JavaScriptu

26.04.2005 21:49

Tento bookmarklet Vám umožňuje zobrazit vlastnosti jakéhokoliv HTML prvku ve stránce pouhým přejetím kurzoru nad daným prvkem. Aktuálně vybraný prvek změní barvu pozadí na šedivou a vedle kurzoru myši se dynamicky vytvoří DIV, obsahující informace o typu prvku a plno dalších užitečných informací. Stiskem klávesy ESC skript vypnete.

Kliknutím na následující odkaz provedete spuštění bookmarkletu.

Mouseover DOM Inspektor.

DOM Inspektor

Via Slayeroffice.

Komentáře k příspěvku 'Mouseover DOM Inspektor v JavaScriptu'

  1. pbs8:

    Je to super věcíčka, ale jde to potom zase nějak odstranit?

  2. llook:

    Uteče se z toho escapem;)
    Aspoň v MSIE (jsem v kavárně, takže nemám jiný prohlížeč).

  3. Bohumír Bednařík (BoboCop):

    Escape funguje určitě i ve Firefoxu na Windows XP. Teď jsem to zkoušel.

  4. T3RMiX:

    No Opera 8 to jaksi nezvládá…jinak pěkné :)

  5. Adam Hošek:

    V Opeře 8 neni problém. Super fičurka, to si někam založim :) .

  6. pbs8:

    A nepřišli jste někdo prosím vás na to jak to “doma” zprovoznit offline? Když nejsem připojený k netu. Zkoušel jsem si stáhnout to modi.js a pak na to nastavit odkaz ale nefunguje to správně..
    díky za radu

  7. doktor:

    …prosím vás na to jak to “doma” zprovoznit offline?

    Jednoduše. Např. v IE stiskneš třeba nad tímto odkazem: Mouseover DOM Inspektor pravé tlačítko, a pak na stránce, kde jej budeš chtít použít “přejdeš” na “oblíbenou” stránku…

    (doufám, že se mi ten odkaz povede:-))

  8. doktor:

    No, odkaz se mi nepovedl:-), takže použiješ ten vrchní…

    a pak si položku v oblíbených poedituješ, a zdroj: http://slayeroffice.com/tools/modi/modi.js
    si uložíš na svuj server na localhostu a budeš na něj odkazovat.
    Možná by šlo odkázat se i na lokálně uložený soubor, ale to jsem nezkoušel…

  9. doktor:

    tak jsem si to ještě odzkoušel, a stačí, když si
    http://slayeroffice.com/tools/modi/modi.js

    uložíš třeba na C:/modi.js

    a upravíš si ten bookmarklet v oblíbených tak, že budeš v něm odkazovat zdroj na:

    file://localhost/C:/modi.js

  10. Gonzo:

    Vyborna vecicka! Diky moc. Pridal jsem si to do zalozek ve FF, ktere se zobrazuji pod address barem. Klik pravym - Nova zalozka - Nazev: DOM; Adresa: ‘cely skriptik’ (ten jsem ziskal pravym kliknutim na vyse uvedeny odkaz ‘Mouseover DOM Inspektor’ a zkopirovanim adresy (Kopirovat adresu odkazu) )

  11. Ruda:

    Skvělé! Funguje mi to i offline!

  12. Huggi:

    Opera 8 + to s Web Developer Toolbarem umi standartne jako jednu z fci toho tolbaru..:) + vylepseni pri kliknuti na danej prvek se v okne oterve jeh nastylovani a je mozny ho libovolne menit..

  13. Jirka:

    To doktor: skvěle, funguje to! Diky!

Zanechte komentář k příspěvku

XHTML: Můžete použít následující tagy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>