Fråga
Jag har upptäckt att smarta telefoner och läsplattor ger en ofullständig visning av min hemsida. Finns det något sätt att registrera en sida typ index.htm som läses direkt av dessa maskiner, från min hemsidesadress?
Joakim Forssman
Svar
Dina webbsidor består av gammaldags kod och har ett väldigt statiskt format, som onekligen gör dem svårlästa med en smart telefon. Däremot kan jag inte se att de visas ofullständigt.
Jag antar att vad du menar med din fråga är att du vill kunna känna av vilken typ av besökare som kommer till sidan och styra om mobilbesökare till sidor i ett annat format? Det finns flera sätt att lösa det problemet, mer eller mindre bra.
Det bästa är att använda vad som kallas responsive web design (RWD), vilket innebär att sidlayouten förändras beroende på vilken skärmupplösning besökaren har. Det skulle kräva en total ombyggnad av sidorna, vilket faktiskt behövs ändå. Det enklaste är att utnyttja WordPress, Drupal eller något liknande content management system (CMS) tillsammans med ett tema med stöd för RWD.
Om du vill fortsätta att koda sidorna själv finns det alternativa möjligheter. Den i särklass enklaste metoden är att helt enkelt lägga en länk någonstans nära toppen av sidan som pekar på en mobil version av sidorna. Då kan besökarna själva välja om de vill se den mobiloptimerade versionen eller fortsätta med den vanliga. Det kräver dock att du gör en mobil version och sedan tvingas underhålla två. Dessutom känns det lite oproffsigt.
En liknande möjlighet är att använda någon typ av webbläsaridentifieringsskript för att upptäcka om besökarna använder en mobil enhet och sedan omdirigera dem till den mobila webbplatsen. Du kan hitta både javascript (som kanske inte stöds av alla telefoner) och serversidesskript i till exempel PHP eller ASP här: http://detectmobilebrowsers.com. Fortfarande krävs två versioner av din webbplats.
Om du i stället bygger om sidorna och använder CSS kan du utnyttja CSS-kommandot Media Queries för att ta reda på besökarens skärmupplösning och sedan välja olika stilmallar efter detta för att ge optimal visning av sidorna. Detta är ett exempel på RWD och kräver en hel del arbete med dina sidor, men du behöver inte ha flera versioner av dem.