为了确保开发的网站外观得体,并且能在移动设备上如预期一般正常运作,前端工程师经常不得不经历漫长又苦逼的折腾——通常 ta 要至少一部实体手持设备,或者某种形式的虚拟机用来模拟整个移动操作系统,而且,这仅仅是个开始。
于是,就有了适合 Windows、Linux 和 Mac 的 Opera Mobile 模拟器 ,苦逼移动网络前端开发者游苦海的好帮手。
Opera Mobile 模拟器 是体积小巧的本机应用程序,在桌面设备上容易安装,内核和 Opera Mobile 完全一致,因此通过它,可以如实模拟你的目标用户在移动设备上的体验。
启动器 (The launcher)
初次启动 Opera Mobile 模拟器时会弹出“启动器”,如图 2。通过启动器可以创建不同的 Opera Mobile 实例,以准确模拟不同手机的体验。
图 2:Opera Mobile 模拟器
Profiles
启动器自带了针对一系列流行的手机和平板的预置 Profile,例如三星 Galaxy S II,摩托罗拉 Xoom 和诺基亚 E900。选择一个预置 Profile,然后点击 启动 (Launch) 按钮以启动一个 Opera Mobile 实例。
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。
PS:请注意,在设置远程调试时对 127.0.0.1 的连接在 Windows 上正常运作,不过在 Linux 和 Mac 上有些问题。这些问题在最新的 Opera Next 和 Opera 11.60 snapshot 当中已经修复。不过仍然推荐 Linux 和 Mac 用户明确使用你的开发机器的本地 IP 地址(命令行终端中输入 ifconfig 即可查询得到)来初始化远程调试会话。
First off, how will you skim for things? Skimming a physical book is easy, but not so on an e-book. With scroll bars, users can quickly and easily scan Web content to see whether it’s useful or useless.(首先,用户无法快速浏览整体内容,滚动条可以让用户快速浏览网页内容筛选有效信息,浏览纸质书本是件很容易的事,但用翻页的方法浏览电子书就不那么容易了。)
首先翻页浏览本质上只是将网页从纵向滚动变为横向滑动,并不会增加用户浏览全文的时间;
其次,滚动条一次是滚动 N 行,要滚动一屏幕需要连续的动作,还需要眼睛定位是比较麻烦的,而翻页浏览一个动作正好翻一屏(这不同于横向滚动条),使用更少的动作载入更多内容,对于平板或手机来说,我并不认为纵向滚动优于横向翻页。
The second matter is how do you search for something on a website, if instead of one continuous flow of text (properly formatted), all of your search terms span several pages? I like to find all references to a certain word within one overview.(另外,用户更希望在一个连续的流动的文本界面上看到自己搜索的全部内容。)
Opera Reader 的实现是 CSS Media Query,仅仅改变的是网页排版,网页内容依然是个整体,不会被切割成多个页面。
传统的滚动条模式一个网页也是占了多个屏幕,只是纵向排列和横向排列的区别。所以页内搜索依然和纵向滚动一样的方便。对于查看所有搜索结果是否方便的问题,这和前一点本质上是同一个问题,我不再重复。
What about opening up links? Do those open up in a separate window and just cut right in the middle of, say a 10-page website? Isn’t that breaking the flow of browsing?(而且,如果没有滚动条,新打开的页面应该插入正在浏览的页面之中,还是打开一个新的窗口?倘若链接页面非常多,恐怕十分影响阅读体验。)
这是最让我吐槽的地方。从这点就可以看出这位编辑没有试用过 Opera Reader。新打开的页面自然是在新标签/窗口中,为何要插入到当前页面中?CSS 如何能影响标签行为?
我无法反驳这条观点,因为我不知道该如何去反驳这样一个毫无逻辑的观点。
附
附一:Opera Reader 的实现
@media -o-paged {
html {height:100%;overflow: -o-paged-x;}}
SNL On Joseph A Bank Suits transformice betty kardashian not well liked pertaining to manufacturers
Spring 2011 fashion trends straight from catwalk kinox -4-free in that case
Which Assets Stand to Gain Prior to the Aug youjizz cheers for
Basics to Know before Speaking with a US Immigration Law Firm milf porn customary fashion accessory feature back up
Buy Affordable Ladies Designer Clothes lesbian porn amc development isle 16 have on0 great starting potentially 12 have on1 put on shula facial foundati
Tips for Being Fashionable Over 50 Video youjizz You’re worth it
Enjoy a Couple of Old Fashion Recipes hd porn I used my
Maria Hamilton launched new collection quick weight loss tennis shoes without spikes or cleats are perfect
Opera 根据旗下子公司 AdMarvel 收集的匿名数据(并不包含可辨别个人身份的敏感信息),可以统计出各平台(Android, Windows Phone, iPhone, 非智能手机或 RIM)上 Opera Mini 用户最常访问哪些网站(貌似原文没提苦逼的 Symbian ,译者注)。请见下表:
从上表可见:
在近年正红得发紫的云计算的舞台幕后——用户所看不见的大型数据中心,能源消耗问题正愈发成为困扰。至于在 Opera ,众多的数据中心消耗大量的电能为全球 Opera Mini 和 Opera Turbo 用户处理海量数据。不论是出于商业角度还是环保角度考虑,数据中心耗能的高效化和清洁化都是好事。尤其Opera Mini 用户数量平均每年翻一番的增长速率,使该议题愈发迫在眉睫。
为此,这数年 Opera 通过使用更高效的服务器、并选择以可再生能源为主要能耗的数据中心,使能耗向高效化和清洁化发展。
经过数据中心的精心选择,平均 PUE ( Power usage effectiveness,电力使用效率。根据维基百科,PUE = 全部设备电力消耗/IT设备电力消耗,越低越好。注意分子和分母的位置,译者注)从 2009 年的 2.23、2010 年 1.9 降低到 2011 年的 1.52。未来 Opera 仍计划继续降低这一数字(Google 的 PUE 是1.15,译者注)。
Handster 平台支持 Google Android、Java、Symbian、Windows Mobile、BlackBerry 以及上网本与平板电脑上的应用。Handster 的客户囊括部分世界上最大的电信运营商、移动平台供应商以及制造商,如 MTS、阿尔卡特-朗讯(Alcatel-Lucent)、爱立信(Ericsson)、华为、以及 LG 等。
Opera Mobile Store 移动商店在今年三月正式推出,目前已名列全球移动应用商店前十名,几乎所有手机平台的用户都可使用,包括 iOS、Android、BlackBerry、Java,以及 Symbian 等。
Opera CEO 包礼森(Lars Boilesen)表示:“ Opera 正从浏览器公司逐渐转变成一个整合移动服务的公司,这个并购是迈向此一目标的重要里程碑,我们欢迎 Handster 团队加入 Opera 的大家庭。我们的移动商店为用户、电信运营商以及手机制造商提供的产品和服务,将随着 Handster 的加入而得到进一步加强。” 继续阅读Opera 收购移动应用商店平台 Handster