Com simular altres dispositius des del navegador

NOTA: Pel que sembla el març negre també ha afectat al bloc. Suposo que estic ficat en masses fronts i les prioritats estan clares. En tot cas el bloc no està mort, però si que està en un recés.

Últimament m'he posat una mica amb les adaptacions mòbils de pàgines web i, per bé que és un tema interessant, el primer problema que s'ha de resoldre és com provar-ho.

Òbviament, la meva primera opció ha sigut fer-ho amb el meu mòbil, però això és francament lent i només et permet provar-ho en un únic dispositiu. Encara que la prova última sempre s'ha de fer en dispositius físics, si que he trobat una manera per fer que Firefox enganyi la pàgina i li faci creure que s'està mostrant en un dispositiu o navegador diferent.

Selector de perfils del User Agent Switcher

Per fer-ho existeix l'extensió User Agent Switcher. Aquesta extensió permet carregar un arxiu de perfils de diversos dispositius. Un cop carregats els perfils, ja disposareu d'un botó que us permetrà indicar quin navegador/dispositiu voleu simular.

Gestor de perfils del User Agent Switcher

Us deixo aquest tutorial on s'explica com carregar manualment perfils i un enllaç a una pàgina on hi ha un arxiu de perfils per importar. El llistat de perfils és molt àmplia. La meva recomanació és que busqueu el perfil dels navegadors Safari Mobile Android i iPhone i els poseu al cap damunt de la llista perquè són els bàsics.