мая
28
2011

Opera Mobile Emulator 11

Компания Opera Software выпустила новую версию мобильного эмулятора — Opera Mobile Emulator 11. Пакет позволяет тестировать работу ваших сайтов в Opera Mobile 11 версии. Имеется большой выбор предустановленных конфигураций и настроек. Но, об этом ниже.

Часто разработчикам для того, чтобы посмотреть на то, как работают их проекты на мобильных устройствах, необходима куча этих самых устройств или виртуальные машины с их эмуляцией.
Opera Mobile Emulator 11 легко устанавливается на настольный компьютер (имеются версии для платформ Windows, Linux и Mac) и работает также, как и мобильная версия браузера на смартфонах и планшетах. Пакет соотносится с 11 версией Opera Mobile для платформ S60 и смартфонов\планшетов на Android.

Запуск Opera Mobile Emulator 11

После запуска программы перед вами открывается окно с выбором параметров старта эмулятора:

Opera Mobile Emulator 11 launcher

Здесь можно выбрать предустановленную конфигурацию известных устройств или создать свою, задав разрешение экрана, размеры пикселя, метод ввода данных. Также есть возможность запустить эмулятор Opera Mobile через аргументы в командной строке.

Профили в Opera Mobile Emulator

Самый первый пункт настройки в стартовом окне. Здесь вы можете выбрать телефон или планшет по своему желанию. Представлены такие конфигурации как: Motorola Xoom, HTC Desire, Samsung Galaxy S, HTC Tattoo, HTC HD2, ViewSonic ViewPad 7 и множество других:

Для запуска заданной конфигурации, выбираем устройство и внизу нажимаем кнопку Launch.
Если же вы хотите запустить собственную конфигурацию, то смотрим настройки дальше.

Настройка разрешение экрана в Opera Mobile Emulator

Мобильные телефоны и планшеты имеют самые разные формы и размеры. Соответственно, разрешения экрана будет также отличаться.

Opera-Mobile-Emulator-resolution

В выпадающем списке вы можете выбрать различные варианты. Если нажать на кнопку «Add» — то можно задать и добавить свое разрешение.
Кстати, после запуска эмулятора вы всегда можете изменить размер окна, потянув его за уголок.

Настройка плотности пикселей

Также как и разрешение экрана, можно выбрать т.н. плотность пикселей. Опять-таки, можно через кнопку «Add» добавить и сохранить свой вариант.

Раздел «Ввод\Input» в Opera Mobile Emulator

В выпадающем списке данного раздела имеется три варианта — Touch, Keypad (клавиатура) и Tablet.
Touch даст вам телефон с сенсорным способом ввода информации. Keypad — устройства с клавиатурным методом ввода, Tablet будет эмулировать метод ввода, оптимизированный под планшеты.

Таким образом, в Touch и Tablet можно использовать мышь в качестве пальца для управления сенсорным экраном. При кратком нажатии активируется управление страницей. При этом появляются пункты уменьшения\увеличения масштаба страницы:

Увеличение масштаба в Opera Mobile Emulator

Двойной щелчок в начале увеличивает страницу, при повторе — возвращает размер в начальное положение. Если нажать и удерживать кнопку мыши — появится контекстное меню. Прокрутка страницы осуществляется путем нажатия и перетаскивания страницы.
Текст в данных режимах ввода можно набирать как через нажатия на экранные кнопки, так и с клавиатуры. В режиме набора текста клавиша F6 открывает\закрывает отображение экранной клавиатуры.

Для масштабирования страниц жестами в эмуляторе Opera Mobile Emulator необходимо зажать кнопку CTRL на клавиатуре и крутить колесиком мыши (платформы Windows и Linux). На Mac необходимо использовать кнопку Cmd key или пользоваться трекпадом.

При клавиатурном режиме ввода вы можете использовать клавиши навигации на клавиатуре для перемещения по элементам браузера (ячейки Экспресс-панели, адресная строка, поле поиска). После загрузки страницы, этими же клавишами осуществляется навигация по ней.
Клавиши F1 и F2 играют роль софтовых клавиш, которые активируют функции в нижней части экрана.

Во всех режимах нажатие F5 или CTRL+R — перезагружает страницу, а Ctrl/Cmd+E — открывает в новой вкладке адрес или поисковый запрос, находящийся в буфере обмена.

Дополнительные функции и настройки Opera Mobile Emulator 11

Эмулятор Opera Mobile предлагает все те функции, которые доступны на мобильных телефонах и планшетах. В том числе, режим Opera Turbo, средство синхронизации Opera Link.

Настройки Opera Mobile Emulator 11 также идентичны таковым в настоящей версии браузера:

Настройки Opera Mobile Emulator

Здесь вы можете активировать или отключить различные функции, выставить нормальный или мобильный режим работы; настроить режим конфиденциальности (запоминать ли пароли, принимать ли cookies, очистить кеш, историю, удалить файлы cookies и так далее).

При необходимости доступа к более полным настройкам имеется специальная страница, доступная по адресу opera:config

В настройках разработчики могут выставить User Agent.
По умолчанию User Agent в эмуляторе Opera Mobile выглядит так (для Windows, Linux и Mac соответственно):

Opera/9.80 (Windows NT 6.0; Opera Mobi/[BUILD_NR]; U; en) Presto/2.7.81 Version/11.00
Opera/9.80 (Linux i686; Opera Mobi/[BUILD_NR]; U; en) Presto/2.7.81 Version/11.00
Opera/9.80 (Macintosh; Intel Mac OS X; Opera Mobi/[BUILD_NR]; U; en) Presto/2.7.81 Version/11.00

В настройках можно выбирать маскировку под Android, S60 и Maemo.
В специальном же разделе настроек, доступных через opera:config можно писать полностью свои данные User Agent.

Удаленная отладка Opera Mobile Emulator через Opera DragonFly

Для разработчиков реализована возможность удаленного подключения к Opera Mobile Emulator через Opera DragonFly для отладки страниц. В качестве инструкции предлагаем просмотреть небольшое видео.

При просмотре переключитесь в HD-режим 720p

Ремарка: по умолчанию адрес для подключения — 127.0.0.1. Это отлично работает на Windows, но имеются некоторые проблемы на Linux и Mac. Там вы можете узнать свой ip в системе и использовать его.

2 комментария Комментировать

  • Здорово! Спасибо за хорошее разъяснение.

    Можно прямо с этого эмулятора интернетом пользоваться. К ресурсам не такой требовательный.

  • Сделал сайт на Joomla. Показывает его на компьютере отлично. А на Айпаде половину страницы показывает белой (пустой).

    То есть экран делится пополам. Слева все нлормлаьно показано, потом обрезано и справа пусто.

    Пробую посмотреть в эмуляторе, тоже самое.

Оставить комментарий

Цитировать

Следуй за нами в твиттере!