С тонове приставки и решения на място, всеки уеб администратор може лесно да обърне превключвателя и да активира мобилната тема за своя уеб сайт. Проблемът е как може уеб администраторът да провери как изглежда неговият сайт на мобилно устройство, ако не притежава смартфон? Не се колебайте, с малко измама, лесно можете да използвате браузъра си за настолни компютри, за да получите достъп до сайта си и да го накарате да мисли, че използвате мобилен браузър.

Всеки браузър разполага със собствен потребителски агент. Повечето сървъри използват потребителския агент на браузъра, за да определят къде е потребителят и съответно да обслужват съответната уеб страница. Ако установи, че потребителят използва мобилен браузър, той ще покаже мобилната тема (ако е активирана темата за мобилни устройства). Като промените потребителския агент на вашия браузър за компютри към този на мобилния браузър, можете да накарате сървъра да мисли, че използвате мобилно устройство.

Преглед на темата за мобилни устройства в

В Firefox препоръчвам Addon Switcher User Agent, тъй като идва предварително инсталиран с потребителския агент на iPhone и можете лесно да го превключвате.

След като инсталирате разширението и рестартирате Firefox, отворете " Tools -> Default Agent Agent -> iPhone ".

Сега опреснете до сайта си и трябва да видите темата за мобилни устройства в действие.

За да добавите агента за Android в списъка, отидете на " Инструменти -> Стандартен потребителски агент -> Редактиране на потребителски агенти ".

Кликнете върху бутона "Нов -> Нов потребителски агент" и въведете следното:

Описание : Android
Потребителски агент : Mozilla / 5.0 (Linux; U; Android 2.2; en-gb; Nexus One Build / FRF50)
AppleWebKit / 533.1 (KHTML, подобно на Gecko) Версия / 4.0 Mobile Safari / 533.1

Останалите записи можете да ги запазите на стойност по подразбиране.

(За iPad, потребителският агент е Mozilla / 5.0 (iPad; U; CPU OS 3_2 като Mac OS X; en-us) AppleWebKit / 531.21.10 (KHTML, подобно на Gecko) Version / 4.0.4 Mobile / 7B334b Safari / 531.21 .10 )

Следващото разширение, което ще използвате, е Firesizer. Това разширение ви позволява да преоразмерите браузъра си до определена разделителна способност на екрана, за да видите как сайтът Ви се изобразява с различен размер на екрана.

След инсталирането можете да намерите опцията за преоразмеряване в долния десен ъгъл на браузъра. Кликнете с десния бутон върху него и изберете Персонализиране.

Можете да добавите нов размер на екрана към списъка. За твое сведение:

iPhone 4 има разделителна способност 960 x 640 (H с W, така че трябва да въведете 640 x 960)
iPhone 3GS и по-долу има екранна разделителна способност 480 x 320 (H от W, така че трябва да въведете 320 x 480)
Nexus One (Android) има разделителна способност на екрана от 800 x 480 (H на W, така че трябва да въведете 480 x 800)

След като добавите резолюцията на екрана, вече можете да преглеждате уебсайта си в мобилния си костюм и в правилния размер на екрана, точно на вашия десктоп браузър.

Забележка : Горепосочените добавки работят само в Firefox 3.6. * И по-долу. Те не са съвместими с Firefox 4 бета версия.

Горните трикове могат да се повтарят и в други браузъри като Opera и Safari. Google Chrome не ви позволява да променяте потребителския агент (можете да проверите тази хак), така че няма да можете да използвате горните трикове.

Как тествате мобилната си тема?