Com instal·lar Firebug a IE, Safari, Chrome i Opera

Com instal·lar Firebug a IE, Safari, Chrome i Opera

Firebug és el millor amic d'un desenvolupador web. És un complement de Firefox que facilita la depuració i el desenvolupament de pàgines web. Us proporciona una manera d’inspeccionar els elements de la pàgina i realitzar moltes altres funcions. Però què passa amb Firebug altres navegadors?





Instal·lació de Firebug a IE, Safari, Chrome o Opera

Firebug Lite permet instal·lar Firebug a cap navegador web! Hauríeu de poder utilitzar Firebug amb Internet Explorer, Opera, Safari, Chrome i qualsevol altre navegador que admeti JavaScript. Firebug Lite està escrit en JavaScript, de manera que podeu incloure-ho en una pàgina web amb el codi següent:







La funcionalitat del botó Inspecciona sembla que té alguns problemes, de manera que una altra manera d’inspeccionar elements és navegar per l’arbre HTML. Per fer-ho, feu clic a + signes a la vista d'arbre per expandir l'HTML i, quan vegeu l'element que voleu inspeccionar, feu clic a la línia de codi corresponent a l'HTML. A la part dreta, podeu veure l'estil calculat i el fitxerJUDICIPropietats (Model d'objectes de document) per a l'element.

Firebug Lite també disposa de la consola JavaScript, que us permet executar JavaScript. Podeu escriure una línia cada vegada o, a la vista ampliada, podeu escriure moltes línies alhora i executar el codi.





Tot i que no podeu editar el CSS de l'element ressaltat, Firebug Lite proporciona un mecanisme per editar CSS. És una mica una 'consola CSS' per falta d'un terme millor, on podeu escriure el vostre propi codi CSS i veure com seran els resultats.

Per descomptat, amb un nom com Firebug Lite no podeu esperar que tingui totes les funcions de Firebug. Malauradament, no inclou cap depuració de JavaScript (ni tan sols puc imaginar el difícil que seria escriure un depurador de JavaScript a Javascript). Malauradament, encara esteu atrapats amb les eines de depuració de JavaScript que pugueu trobar al navegador. Almenys us proporciona la comoditat de poder veure fàcilment el codi dels fitxers de script que es van carregar a la pàgina.

Firebug Lite també no té les funcions de disseny a Firebug normal, on mostra les coordenades de l’element que s’està inspeccionant, així com el farciment, la mida de la vora i els marges.

Tot plegat és millor tenir Firebug Lite per a altres navegadors que no tenir Firebug. Si esteu intentant depurar problemes de disseny i visualització en altres navegadors, definitivament és una bona eina per provar.

Heu utilitzat mai Firebug Lite? Feu servir Firebug a IE, Safari, Chrome o Opera abans? Si és així, quines són les vostres funcions preferides?

Compartir Compartir Tweet Correu electrònic A continuació s’explica per què l’FBI va emetre un advertiment sobre el ransomware Hive

L'FBI va emetre una advertència sobre una varietat de ransomware especialment desagradable. A continuació s’explica el motiu pel qual cal ser especialment cautelós amb el ransomware de Hive.

Llegiu a continuació
Temes relacionats
  • Navegadors
  • HTML
  • Desenvolupament web
  • Eines per a administradors web
  • Programació
  • Web Design
Sobre l'autor Jorge Serra(15 articles publicats)

Sóc un friki bastant típic que passa hores davant d’un monitor d’ordinador a la feina i a casa. També m’agrada muntar eines i aparells intel·ligents.

com saber si un vídeo de YouTube té drets d'autor
Més de Jorge Sierra

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us