I det här inlägget tillägnad de som skapar och hanterar webbplatser ser vi ett par riktigt välgjorda webbplatser som låter dig kontrollera visningen av en webbplats med olika skärmupplösningar . Idag surfas webbplatser på olika sätt, med datorer, bärbara datorer, mobiltelefoner, surfplattor och med skärmar i alla storlekar, från stora skärmar som tv-apparater till små pekskärmar. Detta innebär att de som designar en webbplats måste se till att den är tydligt synlig i alla terminaler och på skärmar med vilken upplösning som helst.
En webbplats som inte erbjuder innehåll optimerat för de mest populära enheterna och som är väl läsbart vid alla upplösningar kan förlora många besökare.
Bland de mest populära bloggplattformarna låter Blogger dig aktivera mobilversionen av varje blogg medan du med WordPress CMS kan använda ett plugin för att automatiskt skapa mobilversionen.
I vilket fall som helst är det fortfarande viktigt att prova upplösningarna för att se till att webbplatsen visas korrekt på stora bildskärmar och små skärmar .
Det finns flera sätt att testa storlek och se upplösning på mobiltelefoner.
Från Windows kan du sänka skärmupplösningen från menyn på kontrollpanelen medan det finns en emulator eller simulator för varje mobiltelefon.
I en annan artikel hade jag skrivit en guide för att surfa på internet från en dator som om det var en mobiltelefon.
För att göra det först och testa storleken på en webbplats med olika skärmupplösningar och kompatibilitet med mobiltelefoner kan du använda den automatiska webbapplikationen Responsivetesttool . Med denna onlinetjänst kan du visa en specifik webbplats i fördefinierade upplösningar. Skriv bara adressen till webbplatsen för att kontrollera och välj sedan upplösningen genom att klicka med musen. Halvtransparenta knappar visas på vänster sida som ändrar upplösningen beroende på den använda enheten. Du kan sedan välja att se en webbsida som du väljer eller fyra huvudkategorier:
- Skrivbord : för att visa en webbplats med skärmstorleken på en 10 "netbook upp till en bildskärm på en 24" stationär dator.
- Tablet för att kontrollera hur webbplatsen ser ut om den öppnas från en iPad, en Samsung Galaxy eller andra surfplattor.
- Mobile samlar världens mest använda mobiltelefoner och smartphones, inklusive iPhone, Blackberry och Google Nexus S med Android.
- TV för att visa webbsidor på stora skärmar upp till upplösning (1920 × 1200).
ScreenFly är en snabb applikation som var värt att påpeka för hur bra det fungerar, flytande och utan att läsa om den testade webbplatsen. En intressant funktion av Screenfly är också möjligheten att automatiskt upptäcka mobila versioner av webbplatserna .
Denna möjlighet kan inaktiveras genom att placera korset på alternativet Ingen proxyserver (inaktiverar enhetskoppling) . Du kan också aktivera vertikal rullning och rotera skärmen.
TestSize, å andra sidan, är en dynamisk applikation som låter dig simulera upplösningar från en mobiltelefonskärm (240X320) till en på en TV (1920X1200).
TestSize fungerar mycket bra och låter dig simulera valfri storlek genom att trycka på + och - knapparna.
Från Google är det möjligt att använda Resizer- verktyget, mycket bekvämt att kontrollera hur någon webbplats eller webbsida visas på skärmar i olika storlekar, automatiskt och snabbt.
