Могу ли я просматривать веб-сайты на iPad в окне размером с iPhone?

Я пытаюсь проверить, как мой сайт выглядит на iPhone, но у меня есть только iPad. Есть ли способ принудительно вывести iPad в окно просмотра размера iPhone?

Я рекомендую crossbrowsertesting.com для этого. Вы также можете протестировать различные версии iOS.

Ответы (5)

Что ж, вы можете найти стороннее приложение для браузера, предназначенное только для iPhone, и использовать его на своем iPad. Есть много бесплатных. Просто найдите «браузер» в App Store.

Нет, ты не можешь этого сделать. Но если у вас есть Mac, вы можете бесплатно установить Xcode из Mac App Store.

Он поставляется с приложением под названием iOS Simulator, которое позволит вам запускать Mobile Safari на вашем Mac, включая разрешение старых iPhone / iPod (не дисплей Retina), новые iPhone с дисплеем Retina и разрешение iPad.

Он также реализует все события Javascript сенсорного экрана (например, onmouseover срабатывает, когда вы нажимаете вместо onclick, затем onclick срабатывает, когда вы нажимаете снова), двойное нажатие, чтобы увеличить элемент DOM, и правильно покажет вам, как такие вещи, как исправлено Появятся CSS-элементы position, которые сильно отличаются в Mobile Safari от обычного настольного Safari и дают вам все элементы формы iOS ( <select multiple>поля, например, совершенно разные).

Я не знаю, как правильно протестировать ваш веб-сайт в Windows или Linux, изменение размера окна браузера недостаточно.

Не знаю, почему я не подумал об этом. Спасибо!
Разве для этого не нужно быть разработчиком?
Нет, вам нужно быть разработчиком только для того, чтобы размещать приложения в App Store и получать доступ к бета-версиям OS X. Все инструменты всегда были в свободном доступе от Apple, начиная с 80-х годов.

Более или менее любой браузер, имеющий специальную версию для iPhone (не универсальную), будет работать. Я рекомендую Perfect Browser , или браузер Aquari для iPhone.

Вы можете использовать браузер Dolphin. Просто скачайте его для iPad из раздела приложений для iPhone. Вы также можете использовать такой сервис, как http://testiphone.com

это показывает страницу, но вы не можете прокручивать :-(

Если вы можете использовать настольную версию Google Chrome, она может эмулировать iPhone. В режиме отладки щелкните значок «Эмуляция устройств» в левом верхнем углу панели отладки, и он позволит вам эмулировать iPhone, iPad, телефоны Samsung и многие другие модели (в списке около 20 элементов).

Он не только эмулирует ширину и высоту, но и будет действовать в соответствии с вашим metaтегом viewport. Итак, если у вас есть эта строка в разделе HTML <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

Затем эмулятор для iPhone 6 Plus покажет версию страницы «да, у меня маленький экран, и я буду действовать соответственно». С другой стороны, без вышеуказанной строки iPhone 6 Plus притворится мощным браузером с широким экраном и покажет вам страницу, но в этом случае текст будет очень маленьким и не очень читаемым. Я имею в виду, что Google Chrome будет эмулировать ваш телефон с точным отображением HTML-кода, как если бы это было настоящее устройство.

Сравните это с версией Firefox 44.0, которая может только эмулировать размер устройства, но не обращает внимания на приведенную metaвыше строку, поэтому вы можете видеть одну версию страницы в Firefox и другую версию страницы на реальном устройстве. .

Вот скриншот эмуляции iPhone 6 Plus:

введите описание изображения здесь

Это хороший ответ, но он не эмулирует устройство iOS в самом строгом смысле этого слова — он просто эмулирует размеры устройства iOS.
Могу ли я просматривать веб-сайты на iPad в окне размером с iPhone?
СпросиСетьПолитика конфиденциальности1y, 0v