Просмотр мобильной версии сайта с помощью пользовательского User-Agent

Question

Я хотел бы видеть, как выглядит мобильная версия моего сайта (или любого сайта), без необходимости просмотра его на эмуляторе (браузере) или на моих собственных устройствах.

Я исследовал и понял, что могу сделать это с помощью Curl и пользовательского User-Agent, но он всегда заканчивается показом настольной версии. Я пробовал следующие пользовательские агенты:

User-Agent: Mozilla/5.0 (iPad, U, CPU OS 3_2, как Mac OS X, en-us) AppleWebKit/531.21.10 (KHTML, как и Gecko) Версия/4.0.4 Mobile/7B334b Safari/531.21.102011-10-16 20: 23: 10 \ r \ n Mozilla/5.0 (iPhone, U, CPU iPhone OS 3_0, как Mac OS X, en-us) AppleWebKit/528.18 (KHTML, как Gecko) Версия/4.0 Mobile/7A341 Safari/528.16

Любая помощь приветствуется.

Answer 1

Существует поддержка эмуляции мобильных браузеров в Chrome DevTools, см. https://developer.chrome.com/devtools/docs/mobile-emulation. Это очень удобно, когда вы не хотите запускать полный эмулятор или устройство. Для iOS вы можете использовать iOS Simulator, который поставляется с Xcode, вы можете запустить его и просто перетащить URL-адреса из вашего обычного браузера в симулятор.