Foros del Web » Programando para Internet » Javascript »

Javascript para Inspeccionar elemento

Estas en el tema de Javascript para Inspeccionar elemento en el foro de Javascript en Foros del Web. Hola. Quería hacer una extensión para chrome que tuviese una funcionalidad parecida al "Inspeccionar elemento" del Firebug de firefox. O sea que al pasar el ...
  #1 (permalink)  
Antiguo 20/05/2011, 03:51
 
Fecha de Ingreso: mayo-2010
Mensajes: 60
Antigüedad: 14 años
Puntos: 1
Javascript para Inspeccionar elemento

Hola.
Quería hacer una extensión para chrome que tuviese una funcionalidad parecida al "Inspeccionar elemento" del Firebug de firefox.

O sea que al pasar el ratón por una página se pueda detectar el elemento html contenedor y lo muestre seleccionado.


Por ahora mi idea era usar el event.srcElement, con eso puedo saber el id, la clase y la etiqueta del elemento (<p>, <li> etc). Y ¿cómo lo selecciono? ¿uso expresiones regulares para obtener todo el código contenido en esa etiqueta?.

Estoy un poco perdido, ¿cual puede ser la mejor manera de hacer esto?

Saludos!
  #2 (permalink)  
Antiguo 20/05/2011, 04:00
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Javascript para Inspeccionar elemento

buenas,
¿a que exactamente te refieres con seleccionarlo? ¿a que visiblemente se identifique el elemento que esta debajo del puntero? ¿a obtener el contenido del elemento?
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 20/05/2011, 04:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Javascript para Inspeccionar elemento

Hola:

No sé si te servirá esto: Inspector DOM, aunque solo funciona con páginas del dominio... por ahí hay otra página que se llama "destripador"...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 20/05/2011, 04:36
 
Fecha de Ingreso: mayo-2010
Mensajes: 60
Antigüedad: 14 años
Puntos: 1
Respuesta: Javascript para Inspeccionar elemento

Cita:
Iniciado por zerokilled Ver Mensaje
buenas,
¿a que exactamente te refieres con seleccionarlo? ¿a que visiblemente se identifique el elemento que esta debajo del puntero? ¿a obtener el contenido del elemento?
Me refiero a lo mismo exactamente que el Inspeccionar del Firebug del firefox. Al poner el puntero sobre una parte de la página que se dibuje un recuadro en la capa más interna por donde se pasa que no necesariamente es un div, sino cualquier elemento html.
Es un poco difícil de explicar sino se ha usado el firebug, aunque supongo que no será el caso de cualquiera que pase por este subforo ;).


Cita:
Iniciado por caricatos
Hola:

No sé si te servirá esto: Inspector DOM, aunque solo funciona con páginas del dominio... por ahí hay otra página que se llama "destripador"...

Saludos
Parece interesante si, puede que sea algo así la , me lo estoy mirando a ver si lo entiendo.


Gracias por vuestras respuestas.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:24.