Handige functies van de Web Developer plug-in

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

  • Til uw bedrijf naar een hoger plan met klantinzicht

    Geschreven door: op vrijdag 23 februari 2018

    80% van de CEO’s vindt de eigen organisatie klantgericht, slechts 8% van de klanten is het daarmee eens (Steven van Belleghem). In deze tijd van digitalisering is de klant kritischer dan ooit. Info ...

    Bekijk het artikel »
  • Css grid

    Geschreven door: op dinsdag 20 februari 2018

    Css grid is een vernieuwende manier voor het indelen van content op website pagina’s. Met behulp van css wordt de uiterlijk van een website bepaald. Doormiddel van een grid is het mogelijk om gemakkel ...

    Bekijk het artikel »
  • CSS vendor prefixes

    Geschreven door: op dinsdag 20 februari 2018

    Bij CSS is het voor een aantal stijl regels mogelijk om aan te geven in welke browser deze gebruikt moet worden. Hiervoor wordt het type browser toegevoegd voor de stijl regel. Dit wordt een prefix (o ...

    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
Aliancys 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 2017
Google analytics
Google adwords
TelefoonE-mail

whitepaper-customer-selfservice-1.png

Bedien uw klanten optimaal met customer selfservice

Download de whitepaper