JohnG0ld
@JohnG0ld
IT-маркетолог

Определить мобильные CSS стили стороннего элемента на сайте, подгруженного асинхронно (AJAX)?

Здравствуйте. Занимаюсь разработкой (доработкой) сайта в рамках своего проекта и регулярно сталкиваюсь со следующей задачей: есть сторонний виджет (например, онлайн чат), установленный на сайт путем добавления их скрипта. Скрипт асинхронно, видимо через AJAX, загружает DOM элементы виджета и его стили. При этом эти элементы и стили не видны через Ctrl+U, но обозримы через Firebug или F12. Таким образом видно то, что в итоге закачал скрипт, НО только не для мобильных телефонов. Точнее если скрипт вносит элементы и стили исходя из Width устройства - проблем нет, сужаешь браузер и запускаешь firebug - всё видно. Но есть скрипты, определяющий устройство по другим критериям и сузить браузер задачу не решит, так как скрипт подгружает элементы DOM и стили для компьютеров.
В итоге вопрос: как можно полноценно сэмулировать просмотр сайта, как с мобильного устройства, и посмотреть при этом весь код сайта, с учетом подгруженного асинхронно через AJAX?
Спасибо!
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Для теста беру сайт OZON'а, который загружает мобильную версию, исходя из user-agent'a, а не по разрешению. Есть несколько способов, но если вкратце и с помощью Chrome или Firefox, то...

Chrome:

5db60c9bda391141217276.png

Firefox:

5db60d119e42f860491617.jpeg

Ну и после всего вышесказанного смотрите те ресурсы, которые загрузились. Так же, в режиме отзывчивости там много есть доп. опций для более точной подстройки, если надо.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы