Gör din HTML-webbplats lämplig för rörlig anordningen (8 / 8 steg)
Steg 8: Testa och slutföra din webbplats
Metoder:
-Det bästa sättet att testa en lyhörd webbplats är att använda riktiga mobila enheter. Du kan gå till en elektronikaffär att kolla din webbplats med flera typer av smartphones och tabletter.
-Du kan använda en emulator för att testa en hemsida, ta en titt på:
http://www.mobilexweb.com/emulators
-Firefox/Chrome har en inbyggd-verktyg, så kan du kolla in utseendet på en webbplats i olika skärmstorlekar, men det inte simulera en verkligt mobil enhet.
FF: starta verktyget genom att trycka på Ctrl + Skift + M och välj skärmstorlek
Chrome: först du startar utvecklarverktygen genom att trycka på Ctrl + Skift + I. En cog-wheel visas rätt under av dev-skärmen. Klicka på Cog ikonen och gå till den åsidosätter tab. Välj User Agent och enhetstyp.
Ibland måste CSS definitioner skrivas i en separat CSS-fil för en viss (främst äldre) webbläsare. Min tutorial är inte perfekt, det förmodligen fungerar inte perfekt på vissa webbläsare. Så är det din tur att förbättra koden.
Här är äntligen den redigerade html-layouten detta tut bifogas som zip.