Microsoft Edge: Så här lägger du till bokmärken / favoritfält

Jag bygger en webbplats antingen med enkel HTML / CSS, eller jag bygger en med Drupal eller Wordpress för moderna PC-webbläsare. Nu vill jag ha en mobilvänlig version av webbplatsen. Vad anses vara några av de bästa sätten att göra detta?

Mina tankar:

  1. Upptäck mobilwebbläsaren från en lista och omdirigera till en underdomän / dir som har utformats för mobiler

  2. Skapa webbplatsen så att den kan visas av alla webbläsare, mobil eller inte (med flytande layouter)?

  3. Installera en modul som gör jobbet åt dig med hjälp av ett CMS.

Jag skulle verkligen vilja veta hur några av de stora, populära sajterna implementerar det och vad ni alla anser vara rätt sätt. Jag förstår att NY Times har sin egen app för detta, men jag anser att det är överbord av uppenbara skäl.

En stor webbplats som jag arbetat med tidigare försökte några olika sätt att user-agent sniffa med omdirigeringar som visade sig vara lite långsamma när det handlade om miljontals användare. Det slutade också med att vi behövde tillhandahålla en länk till mobilwebbplatsen ändå, för de användare där user-agent sniffing misslyckades. De slutade bara använda en framträdande länk till mobilwebbplatsen och uppmuntrade mobilanvändare att bokmärka mobilversionen. BBC tar en liknande inställning.

Enhetsbaserad CSS och flytande layouter ignorerar det faktum att surfa på en mobil enhet, särskilt en pekskärm, är en helt annan upplevelse än att använda tangentbord, mus och 19 "-skärm. När det gäller design måste du tänka mer på sidvikt. , massiva knappar (för feta fingrar), nypa och zooma, etc.

Du måste också tänka på Varför dina användare surfar på en mobil enhet snarare än på en stationär eller bärbar dator. De kommer sannolikt att ha olika mål och behov. Ett stort exempel är vitvarusidor som tillhandahåller mobiloptimerade webbplatser med exakt samma innehåll. Jag undrar hur många som beställer ett kylskåp efter att ha sett en miniatyr på sin iPhone? Mobilanvändare är mer benägna att leta efter butiksplatser, telefonnummer, priser för en produkt de tittar på i en annan butik, etc.

Därför är de mest effektiva mobilwebbplatserna de som anses vara en mobil erfarenhet, snarare än bara en mobil design.

  • Läs bara en artikel som talar om detta (originalet är borta, tillgängligt på Google Cache): webcache.googleusercontent.com/…

En riktigt stor populär webbplats som facebook har för närvarande en mobilversion av deras webbplats, som måste vara åtskild från deras hela webbegendom. Paradigmerna är bara så olika.

Här är en artikel om tekniken de använde för att betjäna alla olika nivåer av mobila enheter med en kodbas: Facebook Engineering - En mobilwebbplats för att tjäna tusentals telefoner

  1. Det betyder att du måste göra två webbplatser.
  2. Är inte enkelt, men jag tycker att det är värt det. Den här frågan från någon som bara ville göra jobbet en gång kan hjälpa dig: Vilka är de mest effektiva / effektiva sätten att bygga en webbplats för mobil och dator?
  3. Det är lättare än 1 eller 2, men resultaten kanske inte är lika bra.

Om du kan ge ett exempel på en stor populär webbplats kan vi testa hur de gjorde det.

Jag har aktiverat mobilvy på min bloggerwebbplats när jag tittade på källkoden verkade det basera saker runt visningsområdet som en enhet kunde stödja med en anpassad CCS-stilarkinställning för mobiler.

Som @paulmorris

  1. Betyder två webbplatser och du kommer att fortsätta uppdatera detekteringssidan av saker när mobilteknologin utvecklas. Tänk också på om detta kommer att orsaka dubbletter av innehållsproblem (jag för närvarande gillar att använda en rel kanonisk tagg till huvudsidan).

  2. Skulle också vara min röst.

  3. Lättare. Wordpress verkar ha en bra mobilversion.

fungerat för dig: Charles Robertson | Vill du kontakta oss?