用于导航网页的设备和方法技术

本公开涉及用于导航网页的设备和方法。一种与具有触摸屏显示器的便携式电子设备结合使用的计算机实现方法包括：在所述触摸屏显示器上显示结构化电子文档的至少一部分，其中所述结构化电子文档包括多个内容框；和检测在所述结构化电子文档的显示部分上的位置处的第一姿态。确定所述多个框中位于所述第一姿态的位置处的第一框。在所述触摸屏显示器上放大并基本上置中所述第一框。

【技术实现步骤摘要】

所公开的实施例总体上涉及便携式电子设备，更具体地涉及在触摸屏显示器上显示诸如网页的结构化电子文档的便携式电子设备。
技术介绍
随着便携式电子设备变得更加紧凑，以及给定设备所执行的功能数量的增加，设计使得用户能够容易地与多功能设备交互的用户界面已经成为了重大挑战。这一挑战对于屏幕比台式计算机或膝上型计算机小得多的手持便携式设备尤为重要。情况是不利的，因为用户界面是用户通过其不仅接收内容而且对用户动作或行为(其包括用户试图访问设备的特征、工具和功能)作出响应的途径。一些便携式通信设备(例如，有时也被称为蜂窝式电话的移动电话等等)诉诸于添加更多按压按钮，增大按压按钮的密度，超载(overload)按压按钮的功能，或者利用复杂菜单系统来使用户能够访问、存储和操纵数据。这些传统用户界面通常导致用户必须记住的复杂的按键顺序和菜单层级结构。诸如包括物理按压按钮的用户界面在内的很多传统用户界面也是不灵活的。这可能阻止用户界面由在便携式设备上运行的应用程序或者由用户配置和/或改装。当与记住多个按键顺序和菜单层级结构的费时要求以及激活期望的按压按钮方面的困难结合时，这种不灵活性对大多数用户来说是令人沮丧的。特别地，利用常规输入设备(例如，5路拨动开关)在具有小屏幕的便携式电子设备中的结构化电子文档(例如，网页)中导航是慢速而且乏味的。此外，在便携式电子设备上在这种文档内控制和观看多媒体内容是令人厌烦的。因此，需要一种具有用于观看和导航结构化电子文档及这种文档内的多媒体内容的更透明且更直观的用户界面的便携式电子设备。这种界面提高了对在便携式电子设备上的象网页浏览这样的活动的有效性、效率和用户满意度。
技术实现思路
利用所公开的便携式多功能设备，减轻或消除了与用于便携式设备的用户界面相关联的上述缺陷和其他问题。在一些实施方式中，该设备具有带图形用户界面(GUI)的触摸敏感显示器(也称为“触摸屏”)，一个或多个处理器，存储器以及存储在存储器上用于执行多个功能的一个或多个模块、程序或指令集。在一些实施方式中，用户主要通过在触摸敏感显示器上的手指接触和姿态与GUI交互。在一些实施方式中，功能可能包括通话、视频会议、电子邮件、即时消息传送、博客、数字拍照、数字摄像、网络浏览、数字音乐播放、以及/或者数字视频播放。用于执行这些功能的指令可以包括在计算机可读存储介质或者配置用于由一个或多个处理器执行的其他计算机程序产品中。在本专利技术的一个方面中，一种与具有触摸屏显示器的便携式电子设备结合使用的计算机实现方法，包括以下步骤:在所述触摸屏显示器上显示结构化电子文档的至少一部分，其中所述结构化电子文档包括多个内容框；检测在所述结构化电子文档的显示部分上的位置处的第一姿态；确定所述多个框中位于所述第一姿态的位置处的第一框；以及在所述触摸屏显示器上放大并基本上置中所述第一框。在本专利技术的另一方面中，一种在具有触摸屏显示器的便携式电子设备上的图形用户界面包括:结构化电子文档的至少一部分，其中所述结构化电子文档包括多个内容框。响应于检测到在所述结构化电子文档的所述部分的位置处的第一姿态，确定所述多个框中位于所述第一姿态的位置处的第一框，并且在所述触摸屏显示器上放大并基本上置中所述第一框。在本专利技术的另一方面中，一种便携式电子设备包括:触摸屏显示器；一个或多个处理器；存储器；以及一个或多个程序。该一个或多个程序存储在所述存储器中并被配置为由所述一个或多个处理器执行。所述一个或多个程序包括用于在所述触摸屏显示器上显示结构化电子文档的至少一部分的指令，其中所述结构化电子文档包括多个内容框。所述一个或多个程序还包括:用于检测在所述结构化电子文档的显示部分上的位置处的第一姿态的指令；用于确定所述多个框中位于所述第一姿态的位置处的第一框的指令；以及用于在所述触摸屏显示器上放大并基本上置中所述第一框的指令。在本专利技术的另一方面中，一种计算机程序产品包括计算机可读存储介质和嵌入在其中的计算机程序机构(例如，一个或多个计算机程序)。所述计算机程序机构包括指令，所述指令在由具有触摸屏显示器的便携式电子设备执行时使得所述设备执行以下操作:在所述触摸屏显示器上显示结构化电子文档的至少一部分，其中所述结构化电子文档包括多个内容框；检测在所述结构化电子文档的显示部分上的位置处的第一姿态；确定所述多个框中位于所述第一姿态的位置处的第一框；以及在所述触摸屏显示器上放大并基本上置中所述第一框。在本专利技术的另一方面中，一种具有触摸屏显示器的便携式电子设备包括:用于在所述触摸屏显示器上显示结构化电子文档的至少一部分的装置，其中所述结构化电子文档包括多个内容框；用于检测在所述结构化电子文档的显示部分上的位置处的第一姿态的装置；用于确定所述多个框中位于所述第一姿态的位置处的第一框的装置；以及用于在所述触摸屏显示器上放大并基本上置中所述第一框的装置。所公开的实施例使得用户能够更容易地在便携式电子设备上观看和导航结构化电子文档及在这种文档内的多媒体内容。附图说明为了更好地理解本专利技术的上述实施方式及其附加实施方式，应当结合附图参照下面的具体实施方式部分，在附图中，相同的标号自始至终表示相应的部分。图1A和IB是例示了根据一些实施例的具有触摸敏感显示器的便携式多功能设备的框图。图2例示了根据一些实施例的具有触摸屏的便携式多功能设备。图3例示了根据一些实施例的用于解锁便携式电子设备的示例性用户界面。图4A和图4B例示了根据一些实施例的在便携式多功能设备上的用于应用程序菜单的示例性用户界面。图5A至5M例示了根据一些实施例的用于浏览器的示例性用户界面。图6A至6C是例示了根据一些实施例的用于在具有触摸屏显示器的便携式电子设备上显示诸如网页的结构化电子文档的处理的流程图。图7A至7F例示了根据一些实施例的用于播放一项内嵌多媒体内容的示例性用户界面。图8是例示了根据一些实施例的用于在具有触摸屏显示器的便携式电子设备上显示内嵌多媒体内容的处理的流程图。具体实施例方式下面将详细地参照实施方式，实施方式的示例示出在附图中。为了给出对本专利技术的透彻理解，在以下详细描述中将阐述众多具体细节。然而，对本领域普通技术人员来说，显然了解本专利技术可以在没有这些具体细节的情况下实施。在其他情况下，没有详细描述广为公知的方法、过程、部件、电路和网络，以避免不必要地使得实施方式的多个方面不清楚。还应当理解，尽管在本文中可能采用术语第一、第二等来描述各种元件，但这些元件不应限于那些术语。这些术语仅用来将元件彼此区分开。例如，在不脱离本专利技术的范围的情况下，第一姿态也可以被称为第二姿态，类似地，第二姿态可以被称为第一姿态。在本专利技术的说明中使用的术语是仅出于描述特定实施例的目的，而非旨在限制本专利技术。在本专利技术的说明书和所附权利要求中所使用的单数形式的“一个”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。进一步应当理解，本文中采用的术语“包括”规定了所述的特征、整体、步骤、操作、元件和/或部件的存在，而不排除一个或多个其他特征、整体、步骤、操作、元件、部件和/或它们的组的存在或附加。描述了便携式多功能设备、这种设备的用户界面以及使用这些设本文档来自技高网...

【技术保护点】
一种用于导航网页的方法，包括：在便携式电子设备的触摸屏显示器上显示网页的至少一部分，其中所述网页包括多个内容框；检测在所述网页的显示部分上的位置处的第一姿态；确定所述多个框中的在所述第一姿态的位置处的第一框，所述第一框具有第一尺寸；放大和平移所述网页以使得所述第一框以比所述第一尺寸更大的第二尺寸在所述触摸屏显示器上居中；在所述第一框被放大时，检测在放大的第一框上的第二姿态；以及响应于检测到所述第二姿态，缩小所述网页的所述显示部分的尺寸。

【技术特征摘要】
2006.09.06 US 60/824,769;2007.01.07 US 60/879,2531.一种用于导航网页的方法，包括: 在便携式电子设备的触摸屏显示器上显示网页的至少一部分，其中所述网页包括多个内容框； 检测在所述网页的显示部分上的位置处的第一姿态； 确定所述多个框中的在所述第一姿态的位置处的第一框，所述第一框具有第一尺寸；放大和平移所述网页以使得所述第一框以比所述第一尺寸更大的第二尺寸在所述触摸屏显示器上居中； 在所述第一框被放大时，检测在放大的第一框上的第二姿态；以及 响应于检测到所述第二姿态，缩小所述网页的所述显示部分的尺寸。2.如权利要求1所述的方法，包括:在显示网页的至少一部分之前， 确定所述网页中指定的所述多个框的边框、页边距和/或填充；以及 调整所述多个框的边框、页边距和/或填充，用于显示在所述触摸屏显示器上。3.如权利要求1所述的方法，其中: 所述网页具有文档宽度和文档长度； 所述触摸屏显示器具有显示宽度；且 显示所述网页的至少一部分包括独立于所述文档长度地调整所述文档宽度以适合在所述显示宽度内。4.如权利要求3所述的方法，其中: 所述触摸屏显示器是具有短轴和长轴的矩形； 当以纵向视图看所述网页时，所述显示宽度对应于所述短轴；且 当以横向视图看所述网页时，所述显示宽度对应于所述长轴。5.如权利要求1所述的方法，其中，所述多个框由样式表语言定义。6.如权利要求5所述的方法,其中,所述样式表语言是层叠样式表语言。7.如权利要求1所述的方法，其中: 所述网页具有与多个节点相关联的渲染树；且确定在所述第一姿态的位置处的第一框包括: 向下遍历所述渲染树以确定所述多个节点中的与所检测到的第一姿态的位置对应的第一节点； 从所述第一节点向上遍历所述渲染树，直到包含内容的逻辑分组的最近父节点；以及 将与所述最近父节点对应的内容识别为所述第一框。8.如权利要求7所述的方法，其中，所述内容的逻辑分组包括段落、图像、插件或表格。9.如权利要求7所述的方法，其中，所述最近父节点是被替代内嵌、块、内嵌块或内嵌表格。10.如权利要求1所述的方法，其中，放大和平移所述网页包括在所述触摸屏显示器上显示所述多个内容框中的第二框的至少一部分。11.如权利要求1所述的方法，其中，放大包括扩展所述第一框以使得所述第一框的宽度与所述触摸屏显示器的宽度相同。12.如权利要求1所述的方法，包括调整放大的第一框中的文本的尺寸，以符合或超过所述触摸屏显示器上的预定最小文本尺寸。13.如权利要求12所述的方法，其中，调整文本尺寸包括: 确定所述第一框将被放大的比例因子； 将所述触摸屏显示器上的预定最小文本尺寸除以所述比例因子，以确定所述第一框中的文本的最小文本尺寸；以及 如果所述第一框中的文本的文本尺寸小于所确定的最小文本尺寸，则将所述第一框中的文本的文本尺寸至少增大到所确定的最小文本尺寸。14.如权利要求1所述的方法，包括调整所述网页中的文本的尺寸，以符合或超过所述触摸屏显示器上的预定最小文本尺寸。15.根据权利要求14所述的方法，其中，调整文本尺寸包括: 确定所述第一框将被放大的比例因子； 将所述触摸屏显示器上的预定最小文本尺寸除以所述比例因子，以确定所述网页中的文本的最小文本尺寸；以及 如果所述网页中的文本的文本尺寸小于所确定的最小文本尺寸，则将所述网页中的文本的文本尺寸至少增大到所确定的最小文本尺寸。16.如权利要求14所述的方法，其中，调整文本尺寸包括: 识别所述多个框中包含文本的框； 确定所述第一框将被放大的比例因子； 将所述触摸屏显示器上的预定最小文本尺寸除以所述比例因子，以确定所述网页中的文本的最小文本尺寸；以及 针对每个所识别的包含文本的框，如果所识别的框中的文本的文本尺寸小于所确定的最小文本尺寸，则将所识别的框中的文本的文本尺寸至少增大到所确定的最小文本尺寸，并调整所识别的框的尺寸。17.如权利要求1所述的方法，其中，缩小所述网页的显示部分的尺寸的步骤将所述第一框缩小到所述第一尺寸。18.如权利要求1所述的方法，其中，所述第二姿态和所述第一姿态是相同类型的姿态。19.如权利要求1所述的方法，其中，所述第二姿态是轻敲姿态。20.如权利要求19所述的方法，其中，所述第二姿态是以单根手指的双轻敲、以两根手指的双轻敲、以单根手指的单轻敲、或者以两根手指的单轻敲。21.一种用于导航网页的设备，包括: 用于在便携式电子设备的触摸屏显示器上显示网页的至少一...

【专利技术属性】
技术研发人员：B·奥丁，S·福斯塔，G·克里斯蒂，S·O·勒梅，I·乔德里，R·威廉姆森，C·布卢门博格，
申请(专利权)人：苹果公司，
类型：发明
国别省市：