На рабочем столе, как просмотреть исходный код мобильной версии сайта

Question

На рабочем столе, как просмотреть исходный код мобильной версии сайта

Я создал веб-сайт, который отображает различный исходный код в зависимости от того, использует ли пользователь настольный компьютер или мобильное устройство.

В Chrome на рабочем столе я легко могу просмотреть исходный код версии любого веб-сайта для настольного компьютера, просто щелкнув правой кнопкой мыши в любом месте веб-сайта и выбрав "Просмотреть исходный код страницы".

В Chrome на рабочем столе можно ли просмотреть исходный код мобильной версии веб-сайта? Я знаю, что в инструментах разработчика я могу просматривать веб-сайты с помощью мобильного эмулятора и проверять элементы, отображаемые в мобильном браузере. Тем не менее, я еще не понял, как просмотреть необработанный исходный код, отображаемый в мобильном браузере.

3

html google-chrome mobile google-chrome-devtools view-source

Источник

user3195596 08 сен '16 в 22:24

1 ответ

Другие вопросы по тегам html google-chrome mobile google-chrome-devtools view-source

user5855039 23 окт '19 в 11:54 2019-10-23 11:54 · Answer 1 · 2019-10-23 11:54

Чтобы просмотреть исходный код мобильной версии. В окне инструментов разработчика на вкладке "Сеть" выберите запрос на получение интересующей страницы.

На правой панели активируйте вкладку Response. Исходный источник находится в окне полезной нагрузки ответа.

user6806296 08 сен '16 в 22:27 2016-09-08 22:27 · Answer 2 · 2016-09-08 22:27

Вы можете проверить https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

По сути, вы подключаете свой мобильный телефон к вашему компьютеру pc / mac и можете использовать настольный компьютер Chrome для проверки страниц, отображаемых на вашем мобильном телефоне, и даже контролировать их оттуда.

user815411 31 июл '19 в 16:28 2019-07-31 16:28 · Answer 3 · 2019-07-31 16:28

I haven't been able to find a reliable solution so just end up using curl in the terminal:

curl -H "user-agent: Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1" https://url/to/inspect

For ease can save as a simple bash script fetch-mob-src.sh:

#!/bin/bash
user_agent="Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1"
curl -XGET -H "user-agent: $user_agent" $1

E.g. ./fetch-mob-src.sh https://url/to/inspect