Det är alltid bra att se hur din webbplats kommer att se ut på en mobilskärm. Detta kan göras genom att testa webbplatsen på din mobila enhet. Men som ni vet finns det många mobiltelefoner tillgängliga på marknaden och antalet ökar snabbt dagligen. Det går inte att testa hemsidan på så många enheter.
Nu uppstår frågan: hur ser du på mobilsajter i Firefox? Om du också har en liknande fråga, läs vårt inlägg.
Nästan alla webbläsare som finns på marknaden tillåter användare att förhandsgranska den mobila versionen av sin webbplats medan de stannar kvar på den stationära webbläsaren. Den här funktionen verkar användbar för webbutvecklare som vill veta hur responsiv deras webbplats kommer att förbli på många mobila enheter.
Nu kanske du tror att du behöver ladda ner något tillägg eller ytterligare programvara på din dator för att kunna se mobilsajten på en dator med Firefox. Men i verkligheten behöver du inte oroa dig för dessa saker eftersom Firefox har det inbyggda verktyget för att göra det.
Visa mobilwebbplats
Responsiv webbdesign är en av de värdefulla funktionerna som gör det möjligt att utveckla sajter som kan förändras dynamiskt beroende på skärmupplösningen.
Ett av sätten som de flesta webbutvecklare använder för att inspektera en responsiv designwebbplats är att ändra storlek på webbläsarfönstret. Men det här alternativet verkar inte lämpligt för det mesta. Det är då Firefox-webbläsarens webbutvecklingsverktyg kommer till användning. Om du vet hur du ser den mobila versionen av webbplatsen i Firefox kan du se dina webbplatser i olika upplösningar.
Här är stegen för att visa mobilwebbplatsen på datorn:
- Öppen firefox dator på din dator.
- vill se ut som en mobilsajt.
- Klicka på Ytterligare alternativ för menyn.
- Detta tar dig till en rullgardinslista där du måste välja en Fler verktyg alternativ.
- Klicka nu på Verktyg för webbutvecklare alternativ.
- Efter det klickar du på Ikon för responsivt designlägesom visas i följande bild.
- Slutligen behöver du välj enheten du vill förhandsgranska din webbplats.
Om din webbplats uttryckligen är designad för olika smartphoneupplösningar har du ett val. Du kan välja en viss smartphonemodell för att förhandsgranska hur din webbplats kommer att se ut på just den smartphonen.
Slutsats
Nu vet du hur du ser den mobila versionen av webbplatsen i Firefox och är mer säker på hur din webbplats ser ut. Genom att dra nytta av dessa verktyg kan du göra specifika ändringar i designen av din webbplats för att göra den mer attraktiv.
Firefox-utvecklare försöker hårt att uppdatera rullgardinsmenyn för mobilval med den senaste modellen av smartphones. Men om du upptäcker att din enhet inte är listad i rullgardinslistan, rulla ner i listan till slutpunkten, där du kommer att se ett alternativ som heter Redigera lista. Du måste klicka på det här alternativet, vilket tar dig till en webbsida där du kan lägga till din smartphone i Firefox-enhetsvallistan.
I det här inlägget har vi nämnt alla detaljer du behöver veta om hur du visar mobilsajter i Firefox. Om någon av dina frågor förblir obesvarade, vänligen meddela oss via kommentarsektionen så kommer vi att uppdatera dig med svaret så snart som möjligt.
Hur ofta använder du den mobila webbplatsvyn i Firefox på skrivbordet? Tycker du det är användbart för att testa responsiv design?
Slutligen, om du har några tankar eller kommentarer om hur man visar mobilwebbplatslayout på Firefox-dator, lämna dem gärna i kommentarsfältet nedan. Du kan också rapportera inaktuell information.
Artikeln har bidragit av Suresh Choudhary; .
