Stap 8: Testen en finaliseren van uw Website
Testmethoden:
-De beste manier om een responsieve website testen is om echte mobiele apparaten te gebruiken. Daar kun je naar een elektronicawinkel om te controleren uw site met verschillende smartphones en tablets.
-U kunt een emulator testen van een website, neem een kijkje op:
http://www.mobilexweb.com/emulators
-Firefox/Chrome heeft een ingebouwde Development-Tool, zodat u de look van een website in verschillende schermformaten controleren kunt, maar het niet een echte mobiele apparaat simuleren.
FF: het hulpprogramma starten door op Ctrl + Shift + M te drukken en selecteer de grootte van het scherm
Chrome: u voor het eerst de developer tools door op Ctrl + Shift + Ite drukken. Een tandwiel verschijnt rechts-onder van de dev-scherm. Klik op het pictogram van de Cog en goto de overschrijvingen tab. Selecteer User Agent en apparaattype.
Soms CSS definities moeten worden geschreven in een afzonderlijk CSS-bestand voor een bepaalde (meestal oudere) browser. Mijn tutorial is niet perfect, waarschijnlijk werkt het perfect op sommige browsers. Zo is het jouw beurt om de code.
Eindelijk is hier de bewerkte html-lay-out van deze tut bijgevoegd als zip.
