260 votos

Firebug-como depurador para Google Chrome

No hay nada como Firebug que puede utilizar dentro de Google Chrome?

Características esenciales me gustaría:

  • Inspeccionar el código fuente de HTML (seleccionar elementos, eliminarlos, etc.)
  • compruebe los valores de CSS (la solución integrada es extraño, de alguna manera)

231voto

Dmitry Torba Puntos 2521

Hay un Firebug-como la herramienta ya está integrado en Chrome. Simplemente haga clic derecho en cualquier parte de una página y elegir la opción "Inspeccionar elemento" desde el menú. Chrome cuenta con una herramienta gráfica para la depuración (como en Firebug), por lo que puede depurar JavaScript. Asimismo, CSS inspección del bien y pueden incluso cambiar de representación de CSS sobre la marcha.

Para obtener más información, consulte https://developers.google.com/chrome-developer-tools/

36voto

gregers Puntos 2997

Firebug Lite admite para inspeccionar elementos de HTML, calculada de estilo CSS, y mucho más. Ya que es JavaScript puro, funciona en diferentes navegadores. Sólo tienes que incluir el script en su origen, o agregar el bookmarklet a tu barra de marcadores para incluirlo en cualquier página con un solo clic.

http://getfirebug.com/lite.html

15voto

negutron Puntos 421

Sólo la adición de algunos puntos de discusión como alguien que utiliza Firebug / Chrome Inspector de cada día:

  1. En el momento de escribir, no sólo de Google DOM inspector y no tiene todas las funcionalidades de Firebug

  2. El Inspector es una versión 'lite' de Firebug: La interfaz no es tan buena la OMI, la inspección de los elementos en ambas versiones recientes ahora es torpe, pero Firebug es todavía mejor; me encuentro a mí mismo tratando de encontrar el amor para Chrome (ya que es una mejor y más rápida experiencia de navegación), pero durante el desarrollo del trabajo, sólo es una mierda para mí.

  3. Vista previa en vivo / modificación de DOM / CSS es todavía mucho mejor en Firebug, calculado modelo de cuadro de CSS y ver mejor en Firebug;

  4. De alguna manera es simplemente más fácil de leer/uso de Firebug, tal vez debido a la facilidad de navegar, manipular o modificar el documento en varias áreas clave? Quién sabe. Estoy acostumbrado a la interfaz y creo que Chrome Inspector no es tan buena, aunque esto es una cosa subjetiva admito.

  5. Los Cookies/Net pestaña son muy útiles para mí en Firebug. Tal vez Chrome Inspector de esto ahora? La última vez que revisé no, debido a que Chrome se actualiza en segundo plano sin su intervención (obtiene su consentimiento por defecto como todos los buenos señores).

  6. Último punto: El día en que Google Chrome se presenta una completa Firebug es el día de Firefox, básicamente, muere para los desarrolladores porque Firefox tuvo 3 años para hacer de Firefox diseño del motor Gecko tan rápido como WebKit y ellos no. Lo sentimos para decirlo de un modo tan directo, pero es la verdad.

Se puede ver, ahora todo el mundo quiere alejarse de Flash en lugar de jQuery motivado por la accesibilidad móvil y la interactividad (iPhone, iPad, Android) y JavaScript es 'de repente' un gran negocio (esto es sarcasmo), por lo que el barco ha zarpado, Firefox. Y eso me hace triste, como Mozilla fanperson. Chrome es simplemente una mejor navegador hasta que Firefox actualizaciones de su motor de JavaScript.

12voto

Teekin Puntos 4544

Intenta esto, se llama Firebug Lite y al parecer funciona con la versión beta de Chrome.

También se puede encontrar en: https://chrome.google.com/extensions/

9voto

Manuel Puntos 2369

Puede establecer este bookmarklet en tu "Barra de Marcadores" en el fin de tener Firebug lite siempre disponible en Chrome/Chromium browser (poner esto como la URL):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X