Handige functies van de Web Developer plug-in

Geschreven door: op woensdag 28 december 2016

Leestijd: 3 minuten

Het is mogelijk om in browsers plug-ins te installeren. Een handige plug-in tijdens het ontwikkelen van websites is de “Web Developer” plug-in. De kan via de volgende links gedownload worden.

In deze blog zullen een paar functies van deze plug-in toegelicht worden. Dit kan meehelpen in de ontwikkeling van goede én ‘schone’ code.

Disable

Onder de tab “Disable” staat de mogelijkheid om verschillende opties uit te schakelen binnen een site. Wanneer de opties worden aangezet zullen deze geactiveerd blijven tot ze weer uitgeschakeld worden. Deze aanpassing wordt dus ook meegenomen wanneer andere sites worden geopend.

disable-tab.png

  • Disable Popups

Met “Disable Popups” worden de pop-ups binnen de site uitgeschakeld.

  • Disable JavaScript

Via “Disable JavaScript” kan de gehele javascript uitgeschakeld worden op een site. Door deze optie aan te zetten kan er getest worden hoe de site reageert zonder Javascript. Het is belangrijk dat de site blijft functioneren wanneer er geen Javascript gebruikt wordt.

Cookies

In de tab “Cookies” kunnen er cookies binnen de pagina worden toegevoegd, uitgeschakeld en verwijderd worden.

cookies-tab.png

Via “Add Cookie” kunnen er nieuwe cookies worden toegevoegd aan de site. Deze cookies kunnen geheel worden aangepast zodat de waardes naar behoeven zijn.

add-cookie.png

Met de “Disables Cookies”-knop kunnen alle cookies worden uitgeschakeld. Hiermee kan getest worden wat voor effect dit heeft wanneer de site wordt bezocht.

Als laatste kunnen de cookies op de site verwijderd worden via de “Delete Domain Cookies”, “Delete Path Cookies” en “Delete Session Cookies”. Het voordeel van het verwijderen van de cookies tegenover het uitschakelen is dat de cookies na het verwijderen opnieuw aangemaakt worden. Dit is niet het geval wanneer de cookies geheel zijn uitgeschakeld.

Resize

Via de “Resize”-tab kunnen de formaten van mobiele schermen getest worden.

resize-tab.png

Wanneer er op de knop “Resize Window” wordt gedrukt kan er ingesteld worden wat het nieuwe formaat moet worden. Dit kan handig zijn om te bepalen hoe de site op mobiel formaat getoond wordt. Via de “Edit Resize Dimensions…” kunnen standaard formaten toegevoegd worden zodat deze snel bereikbaar zijn tijdens de ontwikkeling van websites.

Tools

Onder “Tools” staan verschillende externe tools die voor een developer van belang zijn.

tools-tab.png

Met “Validate CSS” wordt de huidige pagina gescand op CSS-fouten binnen de site. Dit wordt gedaan via CSS-validator van W3C (http://jigsaw.w3.org/css-validator/). Een andere validator in de plug-in is de “Validate HTML”. Deze functie zal vaak gebruikt worden wanneer een site uit schone ‘HTML’-code moet bestaan. Wanneer er op deze link wordt gedrukt, wordt de huidige pagina geopend in de W3C markup-validator geopend (https://validator.w3.org/).

Wanneer een site lokaal gebouwd wordt kan deze net zoals de live-sites ook getest worden in de validators. Druk hiervoor op de knoppen “Validate Local CSS” en “Validate Local HTML”.


Andere blogartikelen

  • Overeenkomsten tussen Growth Hacking en UX design

    Geschreven door: op zondag 13 september 2020

    Laten we beginnen met wat Growth hacking is, Growth hacking zijn experimenten voor oplossingen die groeiproblemen moeten oplossen. Dit is een nieuwe marketing aanpak die met name wordt gedreven door d ...

    Bekijk het artikel »
  • B2B SEO en Geoptimaliseerde Afbeeldingen

    Geschreven door: op woensdag 12 augustus 2020

    In een tijd waarin 27% van het koopproces van B2B kopers met eigen online research wordt doorgebracht is het essentieel om een goed vindbare website te hebben. Afbeeldingen kunnen, indien geoptimalise ...

    Bekijk het artikel »
  • Prospects zoeken B2B

    Geschreven door: op woensdag 12 augustus 2020

    Het zoeken van B2B prospects is een uitdaging voor elk bedrijf. Met name kwalitatieve B2B prospects.Door vooraf onderzoek te doen naar bedrijven die voldoen aan je criteria en je marketing hierop aan ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Allrig is de alles in een leverancier binnen de energie-industrie
AOC is een toonaangevend wereldwijd bedrijf actief in de verkoop van kwaliteitsharsen
ERIKS is een toonaangevende en innovatieve leverancier aan de procesindustrie en aan machinebouwers, die zowel de rol van specialist als die van brede MRO-leverancier vervult
Industrieel dienstverlener Heinen & Hopman Engineering uit Bunschoten is dé wereldwijde specialist op het gebied van klimaatbeheersing
Handicare is een internationale organisatie die ouderen helpt om hun dagelijks leven gemakkelijker te maken door het produceren van hoogwaardige trapliften
Onze Middelen en Technologieën
microsoft silver partner
Adobe partner
fd-gazellen-2018.jpg
Google analytics
partners-logo.jpg
Op de hoogte blijven?

Meld u aan voor de gratis nieuwsbrief om op de hoogte te blijven van onze activiteiten