Bij het goed is geconfigureerd, kan Firefox uitgegroeid tot de ultieme web development tool, zodat u direct toegang tot de pagina die u werkt, zodat u kunt stijl uw pagina in real-time, debug javascript of zelfs bewerken van de html.
Maak aparte Profiel voor Web Development
Installeren van alle van deze ontwikkeltools zal Firefox te maken in een zeer zware browser, dus moeten we eerst een nieuw profiel voor Firefox te creëren.
Je kunt een apart profiel op hetzelfde moment als uw reguliere profiel door het creëren van een nieuwe snelkoppeling met deze argumenten, ter vervanging van WebDev met de naam van uw profiel. Er is ook een meer gedetailleerde uitleg van hoe dit te doen.
firefox.exe-P WebDev-no-remote
Nu dat u Firefox heeft geconfigureerd met een apart profiel alleen voor web development, laten we eens kijken naar de extensies we kunnen gebruiken om Firefox te maken in de ultieme web development tool.
Must-Have Web Dev extensies
Dit zijn alle extensies die ik gebruik op een regelmatige basis voor web ontwikkeling.
Firebug is de meest krachtige uitbreiding voor debugging javascript, het bekijken van CSS en HTML. U kunt dynamische veranderingen in de code en CSS, en gebruik deze om je Ajax-code te debuggen. Het is echt de beste uitbreiding die er zijn.
Een van de beste extensies voor x jaar op rij. Dit is een must-have voor elke ontwikkelaar, maar heb je al eens van gehoord.
Deze uitbreiding is een zeer licht toestel dat gemakkelijk zal u tonen de elementen op de pagina en de hun toegewezen class / id. Het is eenvoudiger te gebruiken dan de webontwikkelaar extensie voor die momenten waarop je gewoon de snelle info voor een element nodig. U kunt het ook gebruiken om elementen uit de pagina te verwijderen.
Eenvoudig kleuren selecteren. Geen pijn meer van het vinden van kleuren ergens ingebed in een stylesheet.
U kunt meerdere view source profielen om de bron te openen in verschillende toepassingen.
Deze extensie kunt u eenvoudig uw pagina HTML en installeert te valideren in de Bron weergeven paneel.
Het is niet echt een web developer extensie, maar Greasemonkey is geweldig, niet het minst voor de mogelijkheid om vaak uitgevoerde acties, die een grote tijdsbesparing voor webontwikkelaars automatiseren.
Gemakkelijk te meten een afstand op het scherm met deze extensie. Zodra u een gebied gemeten, kunt u de rechthoek slepen over het scherm te gebruiken als een vergelijking.
IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Deze uitbreidingen (kies maar) kunt u gemakkelijk de huidige pagina te bekijken in verschillende browsers. IE Tab zullen u zelfs laten draaien IE binnenkant van een tab, als je daar zin in.
Wist de cache. Vooral nuttig voor het controleren van nieuwe CSS veranderingen.
De Herstart Firefox-extensie is erg handig voor het sluiten naar beneden en opnieuw starten van Firefox met alle tabbladen en sessies intact.
De Tab Mix Plus extensie is een grote uitbreiding in het algemeen, maar heeft een paar handige functies in wezen voor webontwikkelaars: Duplicate Tab en Copy Tab URL.
De YSlow extensie is een nieuwe extensie van Yahoo die uw pagina zal analyseren en je vertellen waar je bent fouten te maken. Het zal zelfs geeft je een cijfer op uw site performance. U zult merken de kleine meter in de rechter bovenhoek ... het vertelt je de totale grootte van je pagina en de laadtijd. Zeer nuttige uitbreiding, maar het vereist wel de Firebug extensie.
De Dummy Lipsum generator uitbreiding zal genereren dummy content voor u op basis van de beroemde Lorem Ipsum tekst die is zeer nuttig voor het opmaken van valse inhoud van uw site.
De Screengrab extensie laat je screenshots van pagina's, maar kan iets een gewone screenshot tool kan niet doen - het kan een afbeelding van de hele pagina te nemen, niet alleen het zichtbare gedeelte.
Er zijn vele andere extensies die u kunt gebruiken, maar dit zijn de beste van het beste van alles wat ik heb gezien. Als u een andere extensie die u regelmatig gebruikt, laat een vermelding in de commentaren.
Op dit punt, heb je nu veranderd Firefox in de ultieme web development tool. Neem de tijd om te leren hoe Firebug vooral te gebruiken.
Keine Kommentare:
Kommentar veröffentlichen