Ik gebruikte Firefox de hele tijd. Het beviel mij heel goed, vooral tijdens het proces van het ontwikkelen en testen van de site. Ik heb het meteen geprobeerd nadat het uitkwam. Ik vond de snelheid van paginaweergave leuk.

Maar na een korte periode keerde ik terug naar Firefox, vanwege het ontbreken van extensies en add-ons zoals Google Page Rank en het Webdev-webontwikkelaarspaneel. Nu zijn er geen problemen, er zijn er al een groot aantal.

FireBug-plug-in voor Firefox

Dit is de belangrijkste plug-in voor webontwikkelaars. U kunt CSS, HTML en JavaScript bewerken, debuggen en bekijken. Het resultaat van de aangebrachte wijzigingen wordt onmiddellijk weergegeven. De FireBug-plug-in is erg handig voor het zoeken naar een stukje code dat verantwoordelijk is voor het weergeven van een bepaald blok op een pagina, en de bijbehorende CSS-stijl.

De plug-in beschikt over een prachtige Inspect-functie, waarmee je kunt zien welke tags en eigenschappen de positie van een afzonderlijk element op de pagina bepalen. Daarnaast kunt u op het tabblad Opmaak zien welke marges en inspringingen voor dit element zijn ingesteld.

Deze plug-in is een aanvulling op FireBug. Hiermee kunt u eenvoudig afbeeldingen in uw lay-out plaatsen en de schets bekijken alsof deze in een kant-en-klare vorm is. Om dit te doen, moet u afbeeldingen selecteren en deze rechtstreeks op de pagina plaatsen. De afbeeldingen zijn doorschijnend en kunnen eenvoudig met de muis worden gesleept.

Download de Pixel Perfect-plug-in voor Firefox.

HTML Validator vereenvoudigt het proces van het maken van geldige HTML-opmaak in overeenstemming met webstandaarden. Het is nu niet meer nodig om naar de officiële validatorpagina te gaan.

De plug-in toont fouten in detail en de exacte locatie, en legt ook uit hoe u deze fout kunt oplossen. Draait op de achtergrond en is ingebouwd in de broncodeweergavepagina. Bespaart veel tijd.

Vlad Merzjevitsj

Hoewel de extensie voor twee verschillende browsers beschikbaar is, is de versie voor Firefox actueel en wordt deze regelmatig bijgewerkt, wat niet gezegd kan worden van de versie voor Chrome. Bovendien ondersteunt het de Russische taal. Daarom zal de beschrijving in de toekomst alleen voor Firefox gelden.

De installatie is vrij eenvoudig: ga gewoon naar de website van de auteur met de Firefox-browser en klik op "Downloaden", waarna u wordt doorgestuurd naar de site waar u op "Toevoegen aan Firefox" moet klikken (Fig. 7.1).

Rijst. 7.1. Toevoegen aan Firefox

U kunt ook direct naar de pagina met de extensie gaan.

Na het toevoegen verschijnt er een waarschuwingsvenster (Fig. 7.2). Klik op de knop “Nu installeren” en de installatieprocedure is voltooid.

Rijst. 7.2. Webontwikkelaar installeren

Een andere manier om verschillende extensies te installeren is door het menu te gebruiken Hulpmiddelen > Add-ons. Typ in het zoekvenster ‘webontwikkelaar’ en druk op Enter. De add-on die we nodig hebben, verschijnt in de onderstaande lijst (Fig. 7.3).

Rijst. 7.3. Venster met Firefox-add-ons

De extensie zelf ziet eruit als een menubalk boven de tabbladen (Fig. 7.4) en is ook toegankelijk via het menu Hulpmiddelen > Webontwikkelaar. Via het menu kunt u het paneel aan-/uitzetten Weergave > Werkbalken of door met de rechtermuisknop op het uitbreidingspaneel te klikken.

Rijst. 7.4. Webontwikkelaar in browser

Laten we de menu-items van Web Developer doornemen.

Schakel cache uit

Schakelt de ingebouwde cache van de browser uit. Normaal gesproken worden afbeeldingen en kopieën van bekeken pagina's door de browser op uw lokale schijf opgeslagen om laadtijd te besparen. Wanneer de pagina opnieuw wordt geopend, vergelijkt de browser de lokale kopie met het origineel en als deze overeenkomen, wordt de lokale kopie geladen. In sommige gevallen wordt de lokale versie van de pagina geladen, zelfs als het origineel is gewijzigd. De browserinstellingen kunnen bijvoorbeeld zo worden ingesteld dat elke twee uur wordt gecontroleerd of de in de cache opgeslagen pagina op de server is bijgewerkt. Firefox staat echter geen fijnafstemming van de cache toe, zoals Opera.

U kunt de pagina ook vernieuwen zonder de cache te gebruiken met de toetsencombinatie Ctrl + F5; deze wordt door alle browsers ondersteund.

Java is een programmeertaal ontwikkeld door Sun Microsystems. Kleine programma's in deze taal (applets genoemd) worden gebruikt om de functionaliteit van webpagina's uit te breiden. Firefox heeft ingebouwde ondersteuning voor deze taal, die via dit menu-item kan worden uitgeschakeld. Werkt niet in Firefox 3.6.

Schakel JavaScript uit

Een programmeertaal die is ontworpen om scripts uit te voeren: programma's die zijn geïntegreerd met een webpagina. JavaScript wordt veel gebruikt bij het maken van webpagina's om hun functionaliteit uit te breiden, bijvoorbeeld om verschillende menu's, formulieren, effecten, enz. te maken. Als u Schakel JavaScript uit > Volledig, dan werkt alle functionaliteit op de site niet meer. Dit menu-item kan worden gebruikt om de werking van een site zonder scripts te testen, maar ook om verschillende beperkingen te omzeilen die site-auteurs hebben ingesteld, zoals het uitschakelen van de rechtermuisknop. Web Developer zegt dat er geen beperkingen zijn die niet kunnen worden omzeild.

META-omleiding uitschakelen

Een label gebruiken U kunt na een bepaalde tijd automatisch doorverwijzen naar een bepaald document. Hiervoor wordt de tag gebruikt en de vernieuwingswaarde van het http-equiv-attribuut (voorbeeld 7.1).

Voorbeeld 7.1. Automatisch doorsturen

Doorsturen kan in chats worden gebruikt om het huidige document bij te werken of om te leiden naar een nieuw adres. Maar het wordt ook met kwade bedoelingen gebruikt, bijvoorbeeld om regelmatig contextuele advertenties of banners weer te geven. Met dit menu-item kunt u een dergelijke tag blokkeren .

Schakel de minimale lettergrootte uit

In de Firefox-instellingen kunt u een minimale lettergrootte instellen; deze wordt gebruikt voor tekst die kleiner is dan de opgegeven grootte. Hierdoor kunt u het bladeren door pagina's gemakkelijker leesbaar maken, vooral op sites waar tekst wordt weergegeven in een lettertype dat te klein is om comfortabel te kunnen lezen.

Om de minimale lettergrootte in te stellen, selecteert u in het menu Extra > Instellingen..., open het deelvenster Inhoud en klik op de knop Geavanceerd in de groep Lettertypen en kleuren. U kunt de minimale lettergrootte selecteren in het vervolgkeuzemenu Kleinste lettergrootte.

Met Web Developer kunt u deze functie snel in- of uitschakelen. Als de minimale lettergrootte echter niet is opgegeven in de instellingen, heeft dit item op geen enkele manier invloed op het resultaat.

Paginakleuren uitschakelen

Schakelt alle kleuren uit die zijn opgegeven door de achtergrond- of achtergrondkleureigenschap. Achtergrondafbeeldingen die zijn ingesteld met achtergrond worden ook beïnvloed.

Schakel pop-upblokkering uit

Pop-upvensters worden meestal gebruikt voor reclame, dus worden ze meestal geblokkeerd en niet toegestaan ​​in browsers. Met dit item kunt u deze optie snel in- en uitschakelen.

Schakel proxy uit

Onder een proxy wordt meestal verstaan ​​een server of programma waarmee u verbinding kunt maken met internet, maar ook met het doel verzoeken aan te maken namens andere clients. Als in Firefox-instellingen ( Extra > Instellingen.., Geavanceerd paneel, tabblad Netwerk, knop Configureren) is 'Gebruik systeemproxy-instellingen', dan is dit item inactief.

Schakel verwijzers uit

Referrer is een van de HTTP-protocolheaders en stelt u in staat het adres op te halen van de pagina waarvandaan de gebruiker naar de site is gekomen. Als u zich zorgen maakt over de veiligheid van uw gegevens, schakelt u dit item in.

Cookies, of cookies zoals ze in het jargon worden genoemd, zijn kleine tekstbestanden op uw lokale computer die informatie opslaan die nuttig is voor een website. Met behulp van cookies kunt u de naam, status en andere informatie van de gebruiker onthouden die op de site wordt gebruikt. Firefox stelt cookie-instellingen in via het menu Extra > Instellingen..., Privacypaneel. Om veiligheidsredenen kunt u de acceptatie van cookies van sites doorgaans uitschakelen.

De cookies zelf bestaan ​​uit een aantal parameters:

• unieke naam;
• betekenis;
• pad - stuur alleen cookies als het pad en het paginaadres overeenkomen, het pad “/” verwijst naar een willekeurige pagina;
• domein - voor welk websiteadres de invoer relevant is;
• vervaldatum - vertelt de browser wanneer cookies kunnen worden verwijderd.

Schakel cookies uit

Schakelt de acceptatie van cookies van sites uit.

Sessiecookies verwijderen

Cookies worden vaak gebruikt om gebruikersauthenticatie te verifiëren. Na het invoeren van uw naam en wachtwoord wordt er een unieke code gegenereerd en opgeslagen in cookies. Wanneer u de site opnieuw bezoekt, wordt deze code gecontroleerd en als deze overeenkomt met de servercode, ‘herkent’ de site de gebruiker. Als u dit item selecteert, worden alle opgeslagen sessies verwijderd.

Verwijder cookies voor een domein

Verwijdert alle cookies voor de site die momenteel in de browser is geopend.

Verwijder cookies voor pad

Verwijdert alle cookies voor een site waarvan het pad overeenkomt met het pad van de site die in de browser is geopend.

Informatie over cookies

Er wordt een extra pagina geopend, waar alle cookies van deze site in tabelvorm worden weergegeven. Hun instellingen kunnen worden bewerkt of cookies kunnen helemaal worden verwijderd (Fig. 7.5).

Rijst. 7.5. Informatie over cookies van youtube.com

Koekjes toevoegen

Hiermee kunt u kunstmatig cookies instellen voor de huidige site of een andere, en de nodige parameters instellen (Fig. 7.6).

Rijst. 7.6. Venster voor toevoegen

Het toevoegen is meestal nodig om de werking van cookies en het gedrag van de site, indien aanwezig, te debuggen.

CSS

Dit menu is verantwoordelijk voor de stijlen van de huidige pagina.

Schakel stijlen uit

Ontworpen om stijlen om welke reden dan ook uit te schakelen.

Alle stijlen

Schakelt alle stijlen uit die op de pagina worden gebruikt.

Standaard browserstijl

Schakelt de stijl uit voor alle elementen waaraan deze standaard door de browser wordt toegevoegd. Bijvoorbeeld de tekst erin

En

Heeft verschillende maten.

Rubriek

Na het uitschakelen van de stijl zal de tekstgrootte van deze elementen hetzelfde zijn.

Ingebouwde stijlen

Schakelt styling binnen een tag uit