误解粉碎机:翻页浏览和滚动条,被虚构的恩怨情仇

昨天果壳翻译了 Dvice 的一篇文章。译文:网页滚动条,你觉得要取消吗 ?
其内容显然完全曲解了 Håkon Wium Lie 的提议,列出了种种不存在的问题。
看来,原作者和译者都完全没有试用过就贸然发表。

本文主要目的并非讨论该提议是否能够取代滚动条,而在于消除那篇文章所造成的误解。

我们在之前的文章中已经简单介绍过 Opera Reader,使用 CSS Media Query 的形式来实现,目前仅有 Opera 实验室版支持。关于此 CSS 的详细介绍见 W3C 草案

体验

空谈无用,试过就知。
所以,第一步,我们需要安装 Opera 实验室版:
桌面版:Mac | Linux | Windows
移动版:Opera Mobile for Android
注意: 这是一个实验室版,仅用于开发和测试目的,严重不推荐日常使用。

然后访问这个演示页面
在手机或平板上你可以用手指来左右翻页,在电脑上你可以用鼠标模拟拖动或使用方向键翻页。

如果你实在不想去安装,那么至少看下这个演示和说明视频:

误解粉碎机

好了,现在大家已经体验过翻页浏览的方式,如果你也看好触屏设备的未来,那让我们回头再来看看 Dvice 的这篇文章(中文翻译摘自果壳):

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;
  }
}

这是一个典型的 Media Query,如同 @media screen 一样,它不会像国内的某些 Wap 网站一样将一个页面切成若干个分页(反人类啊),不会比普通方式浪费更多的流量/消耗更多的加载时间,不会影响非兼容浏览器下的渲染效果,不会…

当然,这个 目前还处于草案阶段,有许多不完善的地方,很多情况的处理还没有定义好,请给多些时间。

附二:关于 Håkon Wium Lie

Håkon Wium Lie (Håkon 不是 Hakon ),挪威人,网页标准的积极推进者, Opera Software ASA 的 CTO,曾在 CERN 和 W3C、INRIA、Telenor 等机构参与研究工作。
于 1994 年提出的 CSS 概念而被称为 CSS 之父,另外他发起的 Web 通用字体、video 标签的倡议已成为标准。

附三:跨界有风险,翻译需谨慎。

果壳是个好网站,长期订阅中。尤其喜欢谣言粉碎机这个栏目。
我不了解他们对于翻译的采用原则,但是类似这样的翻译文章是否应该更谨慎点?连名字都写错。
空谈无用,试过再说。

附四:创新

创新就是敢于向传统习惯发起挑战,是否会普及是另一回事。
我个人并不认为这个特性可以完全取代滚动条,也不知道 Lie 是否想完全消灭滚动条。
但是,对于触屏设备阅读网页来说这是很便利的方式。
不管喜欢与否,至少,我们多了一种选择。

[ Opera.IM 原创评论 ]

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

《误解粉碎机:翻页浏览和滚动条,被虚构的恩怨情仇》有21个想法

  1. 手机触屏上的确是横向翻页舒服一点,比如我看电子书用apabi reader就是横向翻页,比ibook往下拉舒服
    但是pc上呢,有page up/down这个按键吧……
    电子书上也不太有用,本来就有翻页键
    现在media标签本来就没有什么人用,大家都是搞嗅探,opera mini自己也默认是screen方式,要让网页以handheld方式呈现还必须启用选项里面的直列模式,但是这样会有更多网页显示不正确
    况且原理上来说,让浏览器自行分割作为一个浏览器功能而不是网页制造者的工作可能还更容易一点,毕竟打印网页出来的也是分好页的
    所以这货仅仅是全触屏带来一点便利,我个人觉得不值得去加一个私有标准,更不值得去动标准,还是省点力气去把video/audio标签统一一下吧,尽快让各大浏览器普及html5才是正道

    1. 增加的主要还是触屏体验,但对不支持的浏览器也不好打乱页面
      再说通过程序判断设备,加载不同 CSS,也简单

      Media 标签的确很悲剧。。。嗅探、下载工具对服务器压力太大了
      标签统一了,但编码不统一。

  2. 果壳的文章全文没有提到过opera,也许那个翻译根本不知道提出这个理论的发起人是opera的,翻译者我看了下也不是果壳的编辑,甚至不是达人,她翻译的原文来自http://dvice.com/archives/2011/10/creator-of-css.php ,在这篇原文里就把Håkon Wium Lie的名字写错了,这个翻译也不会去一一纠正吧
    不过今天这篇文也让我对翻页更多了些了解,虽然那个视频一句都没听懂

    1. 是没提到,这里也只是演示的需要 opera,知道不知道不是重点。
      就是奇怪原文如此不靠谱,翻译的也不了解这些,果壳居然会发出了。
      怎么说 Lie 也是网络先锋 ,不忍心看他因误解而被喷

评论已关闭。