Как создать всплывающее окно для отображения веб-сайтов, отображаемых на мобильном устройстве?

Question

Я создаю сайт, чтобы продемонстрировать сайты, которые я создал.На моей странице постфолио я хотел бы иметь значок iphone, на котором при нажатии всплывающее окно показывает, как выглядит веб-сайт на устройстве ios.В идеале мне бы хотелось, чтобы он выглядел как симулятор iphone, который поставляется с X-кодом.Другими словами, вместо всплывающего окна, показывающего, как веб-сайт выглядит как неподвижное изображение, я бы хотел, чтобы пользователь мог прокручивать вверх и вниз и исследовать реальный веб-сайт, не покидая мой веб-сайт.Я бы подумал, что мне придется исследовать некоторые Ajax, чтобы это произошло.Но я хотел бы получить более четкое представление о том, что нужно сделать, чтобы это произошло.

Я бы хотел добиться чего-то подобного, кроме просмотра в реальном времени веб-страницы с заранее определенной шириной и высотой.Нажмите на изображения по этой ссылке: http://www.sphinxnow.com/portfolio/

Answer 1

Мне неизвестны какие-либо онлайн-сервисы или методы фальсификации рендеринга iOS-браузера в Интернете.Если вы просто хотите, чтобы посетители немного перемещались, можно ли просто получить снимки экрана непосредственно с устройства iOS и затем опубликовать их?

Не похоже, что этот сайт правильно настраивает браузерuser-agent, но вы можете попробовать этот сайт - http://www.testiphone.com/. Возможно, у них есть API.

Тот или другой сайт - http://iphone4simulator.com/,, этот выглядит немного более профессионально.Если у них есть API, вам повезло.Иначе, если это так?

Надеюсь, что это заставит вас двигаться в правильном направлении.