• Skip to primary navigation
  • Skip to main content
  • Skip to footer

tatica.org

ps ax | grep tuxilandia

  • Inicio
  • Blog
  • Categorías
    • General
    • Linux
    • Gimp100Podcast
    • Diseño
    • Fotografía
    • Tutoriales
    • Fedora
    • Ubuntu
    • Eventos
  • Tienda
  • Quién?
  • English
  • Español

Utilizando el Inspector de Elementos de Chrome

15 julio, 2014 by tatica 3 Comments

Cuando trabajo con websites, una de las cosas mas útiles que tengo a mano es el Inspector de Elementos de Chrome. Este modo levanta una ventana en la que podrás ver el código de tu web junto con otros elementos. Hoy simplemente les daré un pequeño tip para arreglar estilos sin tener que hacer miles de ediciones en su archivo fuente.

[soliloquy id=»4942″]

Como ven, es muy fácil editar directamente el Css en nuestro Modo de Inspección de Elementos, hacer ajustes y, una vez satisfechos, pasar dichos cambios a nuestro archivo fuente. Luego veremos más tips de esta opción de Chrome.


Help tatica and donate with paypal!

Social:

  • Correo electrónico
  • Facebook
  • Reddit
  • Twitter

Filed Under: General, guias, Linux, Wordpress Tagged With: chrome, css, edit, element, inspect, mode

Reader Interactions

Comments

  1. Made says

    23 \d\e June \d\e 2015 at 14:02

    Gracias por el post! Hay alguna forma de saber desde esta herrasmienta a que CSS debo modificar?.. o en que parte del CSS debo hacer la modificacion?.. Estoy trabajando con Magento, y no estoy segura que parte debo modificar el codigo para arreglas unos links!

    Si me das una idea, te lo agradeceria infinitamente!

    Gracias!!

  2. tatica says

    15 \d\e July \d\e 2014 at 13:01

    Gracias! Durante muchos años utilicé solo Firefox, y aunque lo tengo instalado con todos los plugins me termina consumiendo toda la memoria a los 15 min de que lo abro. Aun ando tratando de ver que le pasa, por lo que solo lo estoy utilizando para verificar que todo salga bien en los navegadores :(

  3. Ederick Colmenares says

    15 \d\e July \d\e 2014 at 12:59

    Muchas gracias tatica por la recomendación. Sin embargo me gustaría complementar con otras alternativas que pueden ser de utilidad para la comunidad. Al menos yo las uso en firefox:

    – Web Developer Toolbar
    – HackBar
    – Firebug

    Las pueden encontrar en: https://addons.mozilla.org/es/firefox/

    [IMG]http://i61.tinypic.com/1fegxd.png[/IMG]

Deja un comentario Cancelar respuesta

Footer

Free college writing tips for students and teachers.
Internationalvaquero.com - online writing help for students.

Sobre Tatica

Soy una diseñadora, fotógrafa y persona comunitaria a tiempo completo. Adoro analizar como funciona el mundo en esta era tecnológica. No soy programadora, sin embargo, así fue como entré a este mundo. Trabajo en el campo desde 2005 y adoro cada minuto que ha pasado.
Me encanta aprender y enseñar lo que se sobre FLOSS y disfruto conociendo personas de todo el mundo.
  • Subscribe
  • Privacy
  • Contact
COPYRIGHT © TATICA 2021
loading Cancelar
La entrada no fue enviada. ¡Comprueba tus direcciones de correo electrónico!
Error en la comprobación del correo electrónico. Por favor, vuelve a intentarlo
Lo sentimos, tu blog no puede compartir entradas por correo electrónico.