usamos teclado que página para nuestro navegador mac inspeccionar herramienta guardar examinar elemento cuál cualquier con como chrome cambios atajo css google-chrome

css - que - inspeccionar elemento teclado



¿Cómo edito CSS en Chrome como en Firebug para Firefox? (10)

¿Has probado la herramienta CSS -> Editar herramienta CSS de la extensión Web Developer Toolbar?

He estado editando CSS usando Firebug en Firefox, pero recientemente noté que Chrome está renderizando mis páginas mucho más rápido (con desplazamiento, elementos interactivos, etc.) y quería cambiarlo.

Encontré que Chrome muestra el CSS calculado y qué atributos se anulan en la pila y puedo modificarlos uno por uno, pero lo que me gustó de Firebug fue que pude editar toda la hoja de estilo en un editor de texto en tiempo real. ¿Es esta misma característica en algún lugar del panel de desarrolladores de Chrome o hay una extensión de Chrome que me permite modificar las hojas de estilo de esta manera?

En las versiones actuales de Chrome (estoy ejecutando 16) no necesitas complementos externos. Haga clic derecho en cualquier parte de su página, elija inspeccionar elemento , luego en la ventana que aparece haga clic en la pestaña Recursos , luego en el panel izquierdo seleccione la hoja de estilo que desea editar. Para comenzar la edición, primero debe hacer doble clic sobre el texto css.

Escribí el LiveCSSEditor hace 4 años exactamente por esta razón. FireBug en Firefox me permitiría escribir CSS a mano en la página, pero nada más en Chrome.

Todavía lo uso hoy y todavía tengo que encontrar una mejor solución. También puede funcionar para usted. :)

Pruebe StyleBot . También puede guardar CSS editado.

Puede editar cualquier propiedad o crear una nueva propiedad haciendo doble clic en una entrada o espacio vacío en el panel de estilos del panel Elementos. No hay forma de editar un archivo css completo como texto en este momento.

Usuario Firebug Lite . También está disponible como una extensión de Chrome.

Yo uso live.js! A medida que edita su archivo css, muestra los resultados en tiempo real en su navegador sin tener que actualizar. http://livejs.com/

He pasado innumerables horas probando casi todas las extensiones de Chome que pude encontrar (incluido stylebot) para imitar la edición en vivo de CSS de Firebug en Firefox. Ninguno hasta la fecha tiene ese mismo flujo de trabajo. Live.js es el más cercano.