运行于桌面的 Opera Mobile 模拟器

简介

为了确保开发的网站外观得体，并且能在移动设备上如预期一般正常运作，前端工程师经常不得不经历漫长又苦逼的折腾——通常 ta 要至少一部实体手持设备，或者某种形式的虚拟机用来模拟整个移动操作系统，而且，这仅仅是个开始。

于是，就有了适合 Windows、Linux 和 Mac 的 Opera Mobile 模拟器 ，苦逼移动网络前端开发者游苦海的好帮手。
Opera Mobile 模拟器 是体积小巧的本机应用程序，在桌面设备上容易安装，内核和 Opera Mobile 完全一致，因此通过它，可以如实模拟你的目标用户在移动设备上的体验。

启动器 (The launcher)

初次启动 Opera Mobile 模拟器时会弹出“启动器”，如图 2。通过启动器可以创建不同的 Opera Mobile 实例，以准确模拟不同手机的体验。

Profiles

启动器自带了针对一系列流行的手机和平板的预置 Profile，例如三星 Galaxy S II，摩托罗拉 Xoom 和诺基亚 E900。选择一个预置 Profile，然后点击 启动 (Launch) 按钮以启动一个 Opera Mobile 实例。

除了从预置 Profile 中选择，也可以添加新 Profile。选择左边 Profile 列表顶端的 Custom，然后设置分辨率 (Resolution)、像素密度 (Pixel Density) 和输入模式 (Input)。设置完成后，点击 Profile 选择框下面的添加 (Add) 按钮，然后保存于 Profile 列表。另外，预置 Profile 也是可以修改的。修改一个预置 Profile 的选项后，点击 Profile 选择框下面的更新（Update）按钮即保存修改。使用移除 (Remove) 按钮可删除指定的设置。

屏幕分辨率 (Screen resolution)

屏幕分辨率可以针对不同设备设置。除了选择内置的既有分辨率，也可使用新建 (Add) 按钮新建自定义分辨率，或使用移除 (Remove) 按钮删除选中的分辨率。

像素密度 (Pixel density)

像素密度能以类似屏幕分辨率的方式设置，也可以新增、删除。像素密度将影响 Opera Mobile 的默认缩放比例。

输入模式 (Input)

输入模式 (Input) 分3种：触摸 (Touch)、小键盘 (Keypad) 和平板 (Tablet)。似乎触摸 (Touch) 和平板 (Tablet) 有重合，其实触摸 (Touch) 是指触摸屏的手机。3 种输入模式对应 Opera Mobile 3 种不同的的用户介面，平板 (Tablet) 模式的用户介面专门针对平板设备有所优化，和触摸屏手机的介面有所区别。关于输入模式更详细的说明请见下面的输入模式详解。

参数 (Arguments)

添加启动参数 (Arguments) 可使 Opera Mobile 模拟器以不同方式启动。可点击帮助 (Help) 按钮以查询各种可用的参数及其说明。

使用命令行启动 Opera Mobile 实例

可以使用命令行参数启动 Opera Mobile 实例，而不需要启动器。以下是最重要的一些命令行参数：

• -geometry 宽度*高度
• ppi — 设置像素密度
• -notouch — 切换至小键盘输入模式介面
• -notouchwithtouchevents —和 -notouch 类似，不同之处是仍然可以使用鼠标，便于调试
• -tabletui — 切换至平板模式介面

PS：更多命令行参数可以点击帮助 (Help)按钮查询。

例如，模拟小键盘、FWVGA 级别屏幕的设备，命令行参数如下：

在 Windows 下：

OperaMobileEmu.exe -geometry 854x480 -notouch

在 Linux 或 Mac 下：

./operamobile -geometry 854x480 -notouch

默认可启动 operamobile 的路径因操作系统而异。默认条件下，启动路径应如下：

• Windows: C:\Program Files\Opera Mobile Emulator\
• Linux: /usr/bin/
• Mac: /Applications/Opera Mobile Emulator.app/Contents/Resources/Opera Mobile.app/Contents/MacOS/

输入模式 (Input) 详解：触摸 (Touch) 、小键盘 (Keypad) 和平板 (Tablet)

在触摸 (Touch) 和平板 (Tablet) 输入模式下，鼠标的动作将模拟单根手指在实际触摸屏上的操作效果。鼠标单击激活链接和控制，双击将缩放页面，按住左键 1 秒以上（长按）将弹出上下文菜单。至于滚动，按下左键并拖曳页面即可模拟。

激活任何文本输入区域（例如网页中的一个表单元素，或者浏览器本身的地址栏）将触发出一个模拟化的屏幕键盘，当然你可以图省事，仍然使用普通键盘输入。如果想禁用虚拟屏幕键盘（为了模拟手提设备本身的物理键盘），你可以按下 F6 禁用/启用之。

而模拟双指缩放则是直接用桌面版 Opera 的方式：按下 CTRL (Windows/Linux) 或 ⌘ (Mac) 同时滚动鼠标滚轮。

在小键盘 (Keypad) 模式，主要控制方式如下：

• 光标键（电脑普通键盘的上下左右方向键）可在快速拨号、地址栏和搜索栏之间导航。在网页当中，使用光标键可以移动 Opera Mobile 的虚拟鼠标指针。
• F1 和 F2 模拟左软键和右软键，可激活屏幕底部的对应功能。
• 回车键/Enter 可以激活一个控制选项、页面缩放，等等。

为了调试方便，小键盘模式下默认开启了鼠标操作功能，允许你在用户介面和网页元素上点击。如果你想禁用鼠标，以达到更忠实模拟键盘输入的目的，可以在启动器中添加 –notouch 参数再启动 Opera Mobile 实例。

在所有输入模式下，ALT / ⌥ + R 用于模拟设备的屏幕翻转功能，用于在竖屏和横屏模式之间切换。F5 或者 CTRL / ⌘ + R 即为刷新当前页面。

另外请注意，在所有模式下，你都可以使用你的操作系统本身的剪贴板和快捷键，以全选、剪切、复制和粘贴。为了提高开发和调试效率，甚至可以用 CTRL / ⌘ + E 来在新标签中打开最近复制的 URL。

浏览器的功能和设置

桌面版 Opera Mobile 模拟器也提供了在手机和平板上运行的 Opera Mobile 一样的功能，包括 Opera Turbo 和 Opera Link，可以与其他 Opera 实例一起同步书签。

如图 4所示，模拟器设置 Opera Mobile 的介面和 Opera Mobile 本身并无二致。并且一样可以在地址栏中输入 opera:config 以进行深入和彻底全面的设置。

用户代理字符串 (User Agent string)

Windows、Linux 和 Mac 下的 Opera Mobile 模拟器的默认 UA 字符串如下：

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

当运行于平板模式下，UA 会有所不同，当中的 Opera Mobi 会换成 Opera Tablet，主要是为了避免网站使用浏览器识别时把专为手机/小屏幕优化的网页推送给大屏幕平板：

• Opera/9.80 (Windows NT 6.0; Opera Tablet/[BUILD_NR]; U; en) Presto/[PRESTO VERSION] Version/[BROWSER VERSION]
• Opera/9.80 (Linux i686; Opera Tablet/[BUILD_NR]; U; en) Presto/[PRESTO VERSION] Version/[BROWSER VERSION]
• Opera/9.80 (Macintosh; Intel Mac OS X; Opera Tablet/[BUILD_NR]; U; en) Presto/[PRESTO VERSION] Version/[BROWSER VERSION]

Opera Mobile 本身允许用户在 高级 > 用户代理 中改变 UA，可以在 移动版 和 桌面版 之间切换。而 Opera Mobile 模拟器直接在主设置对话框中加入用户代理选项并有所延伸，可以让模拟器把此 Opera Mobile 实例辨认为 S60 版（平板模式下不可用）、Android 版、Meego 版或桌面版（图 4）。要注意的是，UA 字符串并不和任何特定的 Profile 捆绑，只能在启动一个 Opera Mobile 实例后再进入浏览器介面设置 UA。

若要完全自定义 UA 字符串，可以在 opera:config 的 User Prefs 区块中查找 Custom User-Agent，然后输入自定义 UA。

远程调试

在 Opera Mobile 模拟器中可以使用蜻蜓 (Opera Dragonfly) 的远程调试功能，进行页面分析和调试。如图 5 所示。

设置远程调试的详细说明请见 Opera Dragonfly field guide。

PS：请注意，在设置远程调试时对 127.0.0.1 的连接在 Windows 上正常运作，不过在 Linux 和 Mac 上有些问题。这些问题在最新的 Opera Next 和 Opera 11.60 snapshot 当中已经修复。不过仍然推荐 Linux 和 Mac 用户明确使用你的开发机器的本地 IP 地址（命令行终端中输入 ifconfig 即可查询得到）来初始化远程调试会话。

总结

没啥好总结的，下载请戳这 >> Opera Mobile Emulator。

[ Via Dev.Opera – Opera.IM 编译]