whycomputer.com >> Datornätverk >  >> Internet

Hur man konverterar en webbplats till en mobil webbläsare

Mobil enheter, som smartphones och surfplattor, står för mer än hälften av all internettrafik. Än, enligt forskning gjord av BrightEdge 2014, över en fjärdedel av de webbplatser människor besöker är inte korrekt konfigurerade för dessa enheter - vilket kostar dem i genomsnitt 68 procent förlust av trafik. Att ändra din egen webbplats för mobila webbläsare på rätt sätt kräver planering och testning. Själva kodningen, dock, är vanligtvis inte särskilt utmanande, särskilt om du redan är bekant med CSS. Om du använder en plattform som WordPress, du behöver inte veta kod alls.

Gemensamma plattformar

Sedan tillkomsten av iPhone, utvecklare bakom webbplatsplattformar som WordPress, Joomla och Drupal har integrerad mobil design. Drupal, Till exempel kommer mobilvänliga teman i den ursprungliga installationen. Var och en av dessa plattformar har mobilteman som är utformade för att starta så snart din webbplats upptäcker att den öppnas av en mobil webbläsare. Andra teman är redan mobilvänliga och kommer att svara på beröringsgester precis som de svarar på musklick, utan att väsentligt ändra designen eller layouten på din webbplats på olika enheter.

Använda CSS och HTML

För HTML -webbplatser, använd ett kaskadformatark, eller CSS, fil för att presentera mobilversionen av dina sidor när de öppnas av en mobil webbläsare. Även om det är möjligt att koda CSS för att upptäcka specifika enheter, en vanligare metod är att ange layouter baserat på skärmstorlek i pixlar. Om så önskas, du kan ha en stil för stora skärmar, en för surfplattor och en för mobiltelefoner. Att använda CSS har den extra fördelen att du bara behöver skriva koden en gång - i CSS -filen. Var och en av dina sidor behöver då bara en enda kodrad för att kunna dra sina stilar från CSS.

Pekskärm interaktiva funktioner

Om du har konfigurerat en webbsida för att vara en interaktiv upplevelse för besökare som använder JavaScript eller HTML5, det är viktigt att du vet hur din webbplats kommer att reagera på beröringshändelser, inte bara i en mobil webbläsare, men på ett växande antal pekskärms -stationära datorer också. I de flesta fallen, du bör överväga att lägga till touchhändelser och gester i din designkod. I JQuery, till exempel, motsvarande ett musklick på en pekskärm är en kranhändelse, utlöses när en användare vidrör och sedan lyfter ett finger från skärmen. Beroende på din sida, du kanske också vill inaktivera standardinställningar i mobilwebbläsaren, som att nypa för att zooma eller dra för att rulla, genom att använda "preventDefault" -händelser.

Testning och verifiering

Det bästa sättet att testa din nya mobilwebbplats är att använda din egen mobila enhet. Undersök stil och sidlayout, navigera med beröringar och gester, och titta noga på dina bilder för att se till att de ser skarpa ut. Du kan också använda din dators webbläsare för att emulera en mobilskärm. På Google Chrome, till exempel, tryck på "F12" för att öppna utvecklarkonsolen. Klicka på ikonen "Inställningar" och klicka sedan på fliken "Emulering" för att välja en enhet som en Google Nexus eller Apple iPad.


URL:https://sv.whycomputer.com/internet/1014001856.html

Internet
  • Hur man skapar en webbadress för en företagswebbplats

    Få ditt företag online nu för ännu mer försäljning. Att skapa en URL (Uniform Resource Locator) för din företags webbplats är inte så svårt som det låter; en URL är den verkliga webbplatsadressen för ditt företag. När du har namngett ditt företag och betalat för domännamnsregistreringen, URL:en är d

  • Hur man bygger en kristen webbplats gratis

    Har du en kristen kyrka eller tjänst som du vill dela med andra? Skulle det inte vara trevligt att informera din församling om kommande evenemang? Kanske har du bibelstudieverktyg som du vill dela med dig av. Internet är ett bra sätt att dela denna information med din gemenskap och därefter. Det fin

  • Hur man skapar en spelwebbplats gratis

    Internet är ett användbart verktyg för forskning och arbete. Det kan också vara den ultimata lekplatsen, med något att underhålla dig 24 timmar om dygnet. En av de mest populära tidsfördriv online är att spela, och Internet har sin rättvisa andel av webbplatser som inte ägnas åt annat än spel. En sp

Datornätverk © https://sv.whycomputer.com