CN1752979B - 网络浏览器图形用户界面及其实现方法 - Google Patents

网络浏览器图形用户界面及其实现方法 Download PDF

Info

Publication number
CN1752979B
CN1752979B CN2005101099509A CN200510109950A CN1752979B CN 1752979 B CN1752979 B CN 1752979B CN 2005101099509 A CN2005101099509 A CN 2005101099509A CN 200510109950 A CN200510109950 A CN 200510109950A CN 1752979 B CN1752979 B CN 1752979B
Authority
CN
China
Prior art keywords
expression
webpage
choosing
processor
content area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN2005101099509A
Other languages
English (en)
Other versions
CN1752979A (zh
Inventor
戴维·弗朗西斯·塔普什卡
迈克尓·诺尔斯
米哈尔·扎拉里代斯
戴维·P·亚日
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Maliki Innovation Co ltd
BlackBerry Ltd
Original Assignee
Research in Motion Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Research in Motion Ltd filed Critical Research in Motion Ltd
Publication of CN1752979A publication Critical patent/CN1752979A/zh
Application granted granted Critical
Publication of CN1752979B publication Critical patent/CN1752979B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

提供了一种用于在小屏幕上浏览网页的改进图形用户界面。该用户界面首先在屏幕上显示网页的缩减表现形式。一旦在网页内选择了感兴趣的部分,则该用户界面以较大尺寸且可选地以垂直化表现形式来显示所选中的部分。可选地,可以同时显示这两种表现形式。还提供了一种实现该网络浏览器的方法,由此,最初只下载足以显示网页的缩减表现形式的数据。一旦用户在网页内选择了感兴趣的部分,则以较大尺寸显示选中部分所需的数据被下载并显示。

Description

网络浏览器图形用户界面及其实现方法
技术领域
本发明涉及计算机用户界面领域,并且具体地涉及用来浏览文档的图形用户界面以及实现这种界面的方法。
背景技术
用来浏览诸如网页(web page)之类的文档的图形用户界面是公知的。在典型的文档浏览器界面中,文档的一部分被显示在屏幕上,并且通过使用键盘输入、鼠标输入、或其他用户输入来在屏幕上将文档上下滚动,从而观看文档的其他部分。
这种浏览文档的方法在大多数应用中适用。然而,当文档格外长时,这种方法的不足就变得非常明显。在这种情形中,可能必须将文档滚动相当长的一段时间,才能观看到感兴趣的部分。解决这一问题的一种方法是使用“向上翻页”和“向下翻页”来允许用户迅速滚动。另一种方法是使用垂直滚动条,其允许用户选择要在屏幕上观看的文档的相对位置。然而,这些解决方案不能允许用户在文档内容易地标识出要跳到的感兴趣部分。
解决这一问题的另一方法是在面板侧面显示文档中各个页码的可选缩略图,或者是允许用户跳到具体的页号。这些方法可能是有效的,但是只有在文档能方便地被拆分为多个页时才能实现。当然,诸如网页之类的许多文档是连续的,它们不能被拆分为这种页,因此不能使用这种方法来进行显示和导航。
在小屏幕时上述不足尤为严重,例如,当在个人数字助理(PDA)、无线手持设备、或具有网络功能的蜂窝电话在观看文档时。
许多文档,尤其是大多数网页是针对宽屏幕设计的,并且最好在宽屏幕上观看,这种宽屏幕通常具有800或1024个像素的水平分辨率。在许多情形中,网页作者通过向网页给出二维结构,来利用这些大屏幕尺寸。这种二维结构将网页布置为相邻区域(常常是矩形区域,但是并不必然如此)的集合。这些区域包含不同类型的语义信息,例如一组指向其他区域的站点、故事、图像、广告等的链接。这些不同区域一般具有不同的视觉特征,这允许用户简单一瞥就能迅速标识出页面中感兴趣的区域。用户常常使用这些不同的、大尺寸的视觉特征,来迅速标识出页面中他们感兴趣的特定区域。这又允许他们将注意力迅速集中到该区域并阅读文字、观看图像、点击想要的链接,或者以其他方式与页面中想要的区域进行交互。
手持设备上的屏幕通常远小于许多文档尤其是网页在创建时所针对的屏幕分辨率。由于这一限制,为了显示网页的内容,手持设备上的浏览器常常拆散这种网页,并且将它们重新绘制(render)为窄得多的内容“条”,从而用户可以垂直滚动以观看整个页面。尽管这种网页的“垂直化”重新绘制保留了原始网页的全部内容,但是丢失了原始页面的许多二维结构。
这种垂直化过程具有几个效果。第一,由于在垂直化重新绘制中缺少大规模、二维的地标(landmark),这使用户更加难以标识出垂直化页面上的各种不同的在语义上有区别的内容区域。第二,在垂直化重新绘制中,网页的高度比原始高度要大许多倍。为了在整个页面内导航,手持设备的用户必须执行多得多的下滚操作(例如,使用滚轮或某些其他键或输入机制来一次滚动一行或一屏)。不仅这一过程是令人生厌的,而且必须滚动许多次这样一种行为也分散了用户的注意力,因为用户注视内容同时内容在滚动通过,这使用户更难以找到想要的感兴趣区域。第三,在许多页面中,最高价值的内容(例如,报纸中主要故事的文字)在结尾,这被绘制在垂直化页面的许多屏之下,这就迫使用户执行大量滚动操作,才能观看感兴趣的部分。
如果文档必须被下载观看并且文档特别长或下载带宽有限,则浏览文档的一般方法会出现另一问题。因为一般的文档浏览方法需要下载完毕整个文档才能浏览该文档,所以在请求文档之后可能需要某些时间用户才能观看及浏览该文档。
发明内容
在广泛的方面,本申请提供了一种网络浏览器(web browser)与用户交互的方法,该方法包括:(a)以缩减尺寸显示网页的第一表现形式(representation);(b)从用户接收放大网页内感兴趣部分的第一输入,其中感兴趣的部分由用户在第一表现形式中选择;以及(c)以较大尺寸来显示网页的所选中部分的第二表现形式。
可以交替或同时显示第一和第二表现形式。如果交替显示第一和第二表现形式,则该方法还包括:从用户接收第二输入,以进行缩小;以及响应接收到该第二输入,用第一表现形式代替第二表现形式。如果同时显示第一和第二表现形式,则该方法还包括:以第一表现形式,来显示标识出要以第二表现形式显示的网页部分的标记,并且其中通过用户在第一表现形式内移动所述标记并且可选地选择该部分,来在网页内选择感兴趣的部分。
在显示第一表现形式之前,该方法还包括下载网页,并以缩减尺寸绘制该网页的第一表现形式。或者,可以在显示第一表现形式之前,下载以缩减尺寸绘制的网页的第一表现形式,并且在步骤(b)和(c)之间,可以下载以较大尺寸绘制的网页的选中部分的第二表现形式。
该方法可以在手持设备上实施,并且第二表现形式可以是垂直化表现形式。
在另一方面,本申请提供了一种用于显示网页的计算机系统,该计算机系统包括:处理器;输入设备,其连接到处理器,用于将用户输入传送到处理器;屏幕,其连接到处理器,用于显示网页;和与处理器相关联的网页显示装置,其可操作来使处理器进行如下操作:(a)在屏幕上以缩减尺寸显示网页的第一表现形式;(b)从输入设备接收放大该网页内感兴趣部分的第一输入,其中感兴趣的部分是在第一表现形式中选择的;以及(c)在屏幕上以较大尺寸来显示网页的所选中部分的第二表现形式。
与上述方法一样,网页显示装置可以被操作来使处理器交替或同时显示第一和第二表现形式。如果交替显示第一和第二表现形式,则该显示装置还可以使处理器:从输入设备接收第二输入,以进行缩小;以及响应接收到所述第二输入,在屏幕上用第一表现形式代替第二表现形式。
该计算机系统还包括连接到处理器的通信设备,以允许处理器与另一计算机通信。这种情形中,显示装置可以使处理器进行如下操作:通过所述通信设备从另一计算机下载网页;以及以缩减尺寸来绘制该网页的第一表现形式,上述两个步骤都在步骤(a)之前。或者,显示装置可以使处理器进行如下操作:在步骤(a)之前,通过通信设备从另一计算机下载以缩减尺寸绘制的网页的第一表现形式;以及在步骤(b)和(c)之间,通过通信设备从另一计算机下载以较大尺寸绘制的网页的选中部分的第二表现形式。
该计算机系统可以是手持设备。
在另一方面中,本申请提供了一种服务器将网页传送到客户端的方法,该方法包括:以缩减尺寸绘制网页的第一表现形式;将所绘制的第一表现形式发送到客户端;从客户端接收以较大尺寸绘制该网页的选中部分的第二表现形式的请求;以及响应接收到该请求,以较大尺寸来绘制网页的选中部分的第二表现形式,并且将所绘制的第二表现形式发送到客户端。这种方法可以在无线电信服务器上实施,其中客户端是无线手持设备。
本申请还包括计算机可读介质,其包含有使计算机实现上述方法中任一项的指令。
本领域的普通技术人员在阅读了下面对具体实施例的描述之后,将清楚其他方面和特征。
附图说明
现在将参考附图描述优选实施例,附图中:
图1是现有技术的网络浏览器在台式机屏幕上显示网页时的屏幕截图;
图2是现有技术的网络浏览器在手持设备屏幕上显示相同网页时的屏幕截图;
图3是根据本申请的用户界面的实施例,网络浏览器在显示网页的缩减表现形式时的示例屏幕截图;
图4是图3的网络浏览器在显示网页的垂直化表现形式时的屏幕截图;
图5是根据本申请的用户界面的另一实施例,网络浏览器在显示网页时的示例屏幕截图;
图6是用来实现图3至图5的用户界面的示例性网络的框图;
图7是图示了实现图3和图4的用户界面实施例的两种方法的流程图;以及
图8是图示了实现图5的用户界面实施例的两种方法的流程图。
具体实施方式
在无线手持设备上显示并浏览网页的环境中描述和说明优选实施例。本领域的技术人员将理解,可以在其他环境中实施优选实施例和本申请的主题,而不会必然脱离本申请的范围。
图1图示了一种用于在台式机屏幕11上浏览网页10的一般网络浏览器。网页10在屏幕11上以其完整的预期宽度显示,并且包含多个视觉上不同的特征,例如标题10a、插图说明10b、图片10c、搜索框10d和项目列表10e。如图1所示,一旦使用浏览器打开网页10,在屏幕12上显示该网页的第一部分。响应用户的滚动输入,用户界面显示网页10的其他部分,由此允许用户在屏幕12上上下滚动网页。
图2图示了一种用于在手持设备(未示出)的屏幕12上浏览网页10的一般用户界面或浏览器。因为手持设备屏幕12的水平分辨率通常比大多数网页创建时所针对的水平分辨率小得多,所以网页10例如被无线服务器或手持设备自身重新绘制,从而可以以较窄的或“垂直化”的表现形式来显示网页10。这样,虽然网页10的视觉上不同的特征最初被格式化为二维形式以便利用台式机屏幕的整个宽度,但是现在,网页被重新绘制,以便在较窄的屏幕上以几乎线状的绘制形式来显示每个特征。于是,插图说明10b在图2中出现在标题10a的正下方,并且图片10c出现在插图说明10b的正下方。
图3和图4中图示了一种用于在手持设备上浏览网页的改进用户界面。在图3中,一旦用户选择下载网页,手持设备的屏幕12首先以网页的原始的预期外观来显示该网页(其中视觉上不同的特征位于它们原始的二维方位),但是其被缩减到较小的尺寸,以适合手持设备的屏幕12的宽度。由于其缩减了尺寸,所以这种表现形式缺少原始网页10的细节,但是其确实示出了页面不同区域的大尺寸、二维特征,这允许用户容易地标识出网页10内感兴趣的部分。可以使用已知的方式在屏幕12上滚动网页10。
一旦用户已经标识出网页10内感兴趣的部分,他选择该部分,并选择放大该区域。用户可以通过使用多种已知方式中的任何一种来选择感兴趣的部分,例如,在水平和/或垂直方向操作在缩减表现形式上叠加的边框。一旦进行了选择,在手持设备的屏幕12上显示网页10的不同的表现形式,如图4所示。图4以上述图2那样的垂直化表现形式来显示网页10,其尺寸大于缩减表现形式。选中部分的这种垂直化表现形式允许用户阅读文字,以及以其他方式细读网页10内感兴趣的内容。在该示例中,用户选择放大网页10的顶部,于是网络站点10的垂直化表现形式从该选中点处开始。可以使用已知的方式在屏幕12上滚动网页10。
眼下,用户可以在网页10内导航,点击去往其他页面的链接,向文本框中输入文字,以及以其他方式与网页交互。可以通过传统方式(例如,通过滚动,或者通过选择页面内链接),来进行网页10的导航,或者通过选择缩小回图3所示的缩减表现形式,从而能够更迅速地在网页10内导航以定位其他感兴趣的部分。如果用户选择缩小为缩减表现形式,则在屏幕12上从在垂直化表现形式中出现在屏幕上的最后位置开始显示网页10。以这种方式,用户可以在缩减表现形式和垂直化表现形式之间来回切换,以便迅速在网页10内感兴趣的部分之间“跳动”。如果缺少这种缩减表现形式的特征,用户可能需要执行许多滚动操作来在感兴趣的部分之间导航。
可选地,不是使网页10以缩减表现形式(如图3所示)或垂直化表现形式(如图4所示)之一出现在屏幕12上,用户而是可选选择使两种表现形式同时出现在屏幕上,如图5所示。在这种方案中,屏幕12被拆分为第一面板16和第二面板18。在第一面板16中以垂直化表现形式显示网页10,而在第二面板18中网页10以缩减表现形式出现。网页10在任一面板中都可滚动。可选地,第二面板18不是将网页10显示为初始设计时那样的网页的缩减表现形式,第二面板而是可以将网页10显示为第一面板16中出现的垂直化网页的按比例缩小的表现形式。
第二面板18中网页10的缩减表现形式允许用户看到网页10的概观,由此有助于标识并选择要在第一面板16中显示的感兴趣部分。
在该实施例中,由选择框20来在第二面板18中标识出在第一面板16中所显示的网页10的部分。在所图示的示例中,在第一面板16中显示网页10的完整宽度,于是,在第二面板18中,选择框20扩展网页10的宽度。在第二面板18中,可以利用多种已知方式中的任一种来在网页10中水平或垂直移动选择框20。
一旦选择框20被移动到网页10内新的位置并且选中该位置,则更新第一面板16,以显示由选择框20所标识出的网页10的部分。
在示例性实施例中,用户可以改变第一和第二面板16、18的相对大小。
现在,将在手持设备上下载、显示并浏览因特网网页的环境中描述实现图3和4所示的用户界面的两种示例性方法。
图6图示了一个示例性网络,其包括文档服务器30和无线服务器32,它们都连接到因特网34。无线服务器32通过通信设备(未示出)无线连接到手持设备36的处理器36a,其中所述通信设备或者与处理器36a是一个整体,或者连接到处理器36a。处理器36a又连接到手持设备的屏幕36b和输入设备36c。处理器36a具有相关联的显示装置,用于指导处理器来实现示例性方法。这种显示装置可以包括用于指示处理器的计算机软件指令。
如图7所示,在实现优选实施例的用户界面的两种示例性方法中,用户首先使用手持设备36请求下载网页(40)。该请求被无线发送到无线服务器32(42),无线服务器32通过因特网34将该请求转发到文档服务器30(44),其中文档服务器30上存储了所请求的网页的数据。一旦接收到该请求,文档服务器30通过因特网34向无线服务器32发送相关的网页数据(46)。
此时,实现图3和4所示的用户界面的两种示例性方法出现区别。
在第一种方法中,无线服务器32接收到的全部网页数据被发送到手持设备36(50),因此手持设备绘制网页的缩减表现形式(51)。然后,在手持设备36的屏幕36b上显示(52)并管理这种缩减表现形式。如果用户在缩减表现形式内选择网页的一点来放大(53),手持设备36则绘制从选中点开始的网页的垂直化表现形式(54),并且在屏幕36b上显示(55)并管理这种垂直化表现形式。如果用户然后选择从垂直化表现形式缩小(56),则显示缩减表现形式(52),这种显示通常从用户选择缩小时与以垂直化表现形式最后显示的网页的部分相对应的点开始。
在第二种方法中,无线服务器32绘制网页的缩减表现形式(60),并且将这种缩减表现形式发送到手持设备36(61)。一旦接收到网页的缩减表现形式,手持设备36显示(62)并管理该缩减表现形式。如果用户在缩减表现形式内选择网页的一点来放大(63),则向无线服务器32发送请求(64),并且无线服务器绘制从选中点开始的网页的垂直化表现形式(65),并且将该垂直化表现形式与为了正确地显示并管理网页的选中部分而提供适当的功能及表现上下文所需的任何其他相关内容一起发送到手持设备36(66)。手持设备36然后显示(67)并管理网页的垂直化表现形式。如果用户选择移动到网页的另一部分(例如,通过上下滚动,或者选择页面内链接)(68),这一部分的垂直化表现形式还没有下载到手持设备36,则手持设备向无线服务器发送适当的请求(64)。如果用户然后选择从垂直化表现形式缩小(69),则显示缩减表现形式(62),这种显示通常从用户选择缩小时与以垂直化表现形式最后显示的网页的部分相对应的点开始。
在这第二种方法中,因为与缩减表现形式相关联的数据大小远小于整个网页数据的大小,并且因为只有网页内感兴趣部分的垂直化表现形式的数据被下载,所以必须从无线服务器32发送到手持设备36以显示网页的数据量一般小于,并且可能大大小于整个网页数据被发送到手持设备36的情形。这样,可以减小用户请求网页与网页出现在手持设备上之间的时间滞后。另外,如果手持设备的用户要为所下载的数据量付费,则这种方法允许更经济地观看网页。
现在,将在手持设备上下载、显示并浏览因特网网页的环境中描述实现图5所示的用户界面的两种示例性方法。
这两种方法共同的起始步骤与图7中所示的步骤40至46相同。
从图8可以看到,此时,实现图5所示的用户界面的两种示例性方法出现区别。
在第一种方法中,无线服务器32接收到的全部网页数据被发送到手持设备36(70),因此手持设备处理网页数据以生成第一面板数据和第二面板数据(72)。第一面板数据包含用于在第一面板16中以垂直化表现形式显示网页一部分的信息。第二面板数据包含用于在第二面板18中以缩减表现形式显示网页的信息。
手持设备36然后在第一面板16中显示并管理第一面板数据,并且在第二面板18中显示并管理第二面板数据(74)。当选择框20在第二面板18内移动到新的位置并且用户选择了该位置时(76),手持设备生成与网页10的选中部分相对应的更新后第一面板数据(78),并且在第一面板16中显示更新后的第一面板数据(74)。
在第二种方法中,无线服务器32处理网页以生成第一面板数据和第二面板数据(80)。然后,第一面板数据和第二面板数据被发送到手持设备36(82)。
一旦接收到第一面板数据和第二面板数据,手持设备36在第一面板16中显示并管理第一面板数据,并且在第二面板18中显示并管理第二面板数据(84)。当选择框20在第二面板18内移动到新的位置并且用户选择了该位置时(86),手持设备向无线服务器32发送对网页10的选中部分的第一面板数据的请求(88)。无线服务器32生成更新后的第一面板数据(90),并将该数据发送到手持设备36(92),手持设备36然后在第一面板16中显示并管理更新后的第一面板数据(84)。
与实现图3和4中所示的用户界面的第二方法一样,在这第二种方法中,因为第二面板数据的大小远小于整个网页数据的大小,并且因为只有网页内感兴趣部分的第一面板数据被下载,所以必须从无线服务器32发送到手持设备36以显示网页的数据量一般小于,并且可能大大小于整个网页数据被发送到手持设备36的情形。这样,可以减小用户请求网页与网页出现在手持设备上之间的时间滞后。另外,如果手持设备的用户要为所下载的数据量付费,则这种方法允许更经济地观看网页。
上面详细描述了优选实施例的用户界面及其实现方法。然而,应该理解,可以引入对界面及方法的改变,而不会必然脱离本申请的主题。作为示例:
-虽然在无线手持设备下载并显示因特网网页的环境中描述了用户界面及方法,但是应该理解,可以在其他环境中实现用户界面及方法,例如,台式计算机或蜂窝电话上的显示器;
-虽然手持设备的用户输入被描述为通过滚轮,但是应该理解,可以使用其他用户输入,例如鼠标输入、键盘敲击、或触摸笔轻击;
-在附图中,所显示的示例性网页10仅仅用于图示目的——当然可以显示及浏览其他网页,甚至其他文档;
-虽然第一面板16和第二面板18被描述为并排放置,但是其他的方位当然也是可以的,例如,一个面板在另一面板之上显示,或者导航面板是可移动的窗口。
-第一面板16被描述为只有在第二面板18中使用选择框20在网页10中选择了位置时才更新,然而,可以响应其他选择提示,来更新第一面板16中的图像,例如,当选择框20在第二面板18内移动时可以连续更新第一面板16,或者可以在检测到用户滚动选择框20暂停时更新第一面板16;以及
-应该理解,如果网页的大规模特征(例如,大的图像)是可选的链接,则用户可以在缩减表现形式中标识出这种大规模特征,并且然后选择沿着与该大规模特征相关联的链接前进。换言之,用户仅使用缩减表现形式,就能够逐页导航,或者甚至在页面内导航,只要网页上存在这种特征。
在上述教导的启发下,可以对本申请的主题做出许多修改和改变。因此,应该理解,在所附权利要求的范围之内,本申请的主题可以以与这里具体描述的方式不同的方式来实施。

Claims (22)

1.一种设备的网络浏览器与用户交互的方法,所述方法包括:
(a)所述设备以网页的原始布局显示所述网页的第一表现形式,其中一组相邻的内容区域被绘制为二维结构形式,但是尺寸被缩减;
(b)所述设备从所述用户接收放大所述网页内感兴趣部分的第一输入,所述感兴趣的部分是由所述用户在所述第一表现形式中选择的;以及
(c)所述设备以另一种布局来显示所述网页的所述选中部分的第二表现形式,其中所述内容区域被不改变内容地重新绘制为比所述选中部分的内容区域大,并被设置以使得所述另一种布局具有比原始布局中的所述选中部分窄的纵横比。
2.如权利要求1所述的方法,其中在接收到所述第一输入时,所述第二表现形式代替所述第一表现形式。
3.如权利要求2所述的方法,还包括:
所述设备从所述用户接收第二输入以进行缩小;以及
响应接收到所述第二输入,所述设备用所述第一表现形式代替所述第二表现形式。
4.如权利要求1所述的方法,其中在第一和第二面板中同时显示所述第一和第二表现形式。
5.如权利要求4所述的方法,还包括:
所述设备以所述第一表现形式,来显示标识出要以所述第二表现形式显示的所述网页的部分的标记;
其中通过所述用户在所述第一表现形式内移动所述标记,来在所述网页内选择感兴趣的部分。
6.如权利要求4所述的方法,还包括:
所述设备以所述第一表现形式,来显示标识出要以所述第二表现形式显示的所述网页的部分的标记;
其中通过在所述第一表现形式内将所述标记移动到感兴趣的部分并且选择所述部分,来在所述网页选择感兴趣的部分。
7.如权利要求1至6中任一项所述的方法,还包括:
所述设备下载所述网页;以及
所述设备以所述网页的原始布局但是以缩减尺寸来绘制所述网页的所述第一表现形式,
上述两个步骤都在步骤(a)之前。
8.如权利要求1至6中任一项所述的方法,还包括:
在步骤(a)之前,所述设备下载以缩减尺寸绘制的所述网页的所述第一表现形式;以及
在步骤(b)和(c)之间,所述设备下载以其他布局绘制的所述网页的选中部分的所述第二表现形式。
9.如权利要求1至6中任一项所述的方法,其中所述第二表现形式包括所述内容区域的实质上线状绘制。
10.一种用于显示网页的计算机系统,所述计算机系统包括:
处理器;
输入设备,其连接到所述处理器,用于将用户输入传送到所述处理器;
屏幕,其连接到所述处理器,用于显示所述网页;和
与所述处理器相关联的网页显示装置,其可操作来使所述处理器进行如下操作:
(a)在所述屏幕上以所述网页的原始布局显示所述网页的第一表现形式,其中一组相邻的内容区域被绘制为二维结构形式,但是尺寸被缩减;
(b)从所述输入设备接收放大所述网页内感兴趣部分的第一输入,所述感兴趣的部分在所述第一表现形式中选择;以及
(c)在所述屏幕上以另一种布局来显示所述网页的所述选中部分的第二表现形式,其中所述内容区域被不改变内容地重新绘制为比所述选中部分的内容区域大,并被设置以使得所述另一种布局具有比原始布局中的所述选中部分窄的纵横比。
11.如权利要求10所述的计算机系统,其特征在于所述网页显示装置还可操作来使所述处理器在接收到所述第一输入时在所述屏幕上用所述第二表现形式代替所述第一表现形式。
12.如权利要求11所述的计算机系统,其特征在于所述网页显示装置还可操作来使所述处理器进行如下操作:
从所述输入设备接收第二输入以进行缩小;以及
响应接收到所述第二输入,在所述屏幕上用所述第一表现形式代替所述第二表现形式。
13.如权利要求10所述的计算机系统,其特征在于所述网页显示装置还可操作来使所述处理器在第一和第二面板中同时显示所述第一和第二表现形式。
14.如权利要求10至13中的任一项所述的计算机系统,其特征在于还包括:
连接到所述处理器的通信设备,以允许所述处理器与另一计算机通信,
其中所述网页显示装置还可操作来使所述处理器进行如下操作:
通过所述通信设备从所述另一计算机下载所述网页;以及
以所述网页的原始布局但是以缩减尺寸来绘制所述网页的所述第一表现形式,
上述两个步骤都在步骤(a)之前。
15.如权利要求10至13中的任一项所述的计算机系统,其特征在于还包括:
连接到所述处理器的通信设备,以允许所述处理器与另一计算机通信,
其中所述网页显示装置还可操作来使所述处理器(36A)进行如下操作:
在步骤(a)之前,通过所述通信设备从所述另一计算机下载以其原始布局但是以缩减尺寸绘制的所述网页的所述第一表现形式;以及
在步骤(b)和(c)之间,通过所述通信设备从所述另一计算机下载以其他布局并且以较大尺寸绘制的所述网页的选中部分的所述第二表现形式。
16.如权利要求10至13中的任一项所述的计算机系统,其特征在于所述其他布局包括所述内容区域的实质上线状绘制。
17.如权利要求10至13中的任一项所述的计算机系统,其特征在于所述计算机系统是一种手持设备。
18.一种服务器将网页传送到客户端的方法,所述方法包括:
以所述网页的原始布局绘制所述网页的第一表现形式,其中一组相邻的内容区域被绘制为二维结构形式,但是尺寸被缩减;
将所绘制的所述第一表现形式发送到所述客户端;
从所述客户端接收以较大尺寸绘制所述网页的选中部分的第二表现形式的请求;以及
响应接收到所述请求:
以另一种布局来绘制所述网页的选中部分的所述第二表现形式,其中所述内容区域被不改变内容地重新绘制比比所述选中部分的内容区域大,并被设置以使得所述另一种布局具有比原始布局中的所述选中部分窄的纵横比;并且
将所绘制的所述第二表现形式发送到所述客户端。
19.如权利要求18所述的方法,其中所述第二表现形式包括所述内容区域的实质上线状绘制。
20.如权利要求18或19所述的方法,其中所述服务器是一种无线电信服务器,并且所述客户端是一种无线手持设备。
21.一种服务器,用于将网页传送到客户端,所述服务器包括:
用于以所述网页的原始布局绘制所述网页的第一表现形式的装置,其中一组相邻的内容区域被绘制为二维结构形式,但是尺寸被缩减;
用于将所绘制的所述第一表现形式发送到所述客户端的装置;
用于从所述客户端接收以较大尺寸绘制所述网页的选中部分的第二表现形式的请求;和
用于以另一种布局来绘制所述网页的选中部分的所述第二表现形式的装置,其中所述内容区域被不改变内容地重新绘制为比所述选中部分的内容区域大,并被设置以使得所述另一种布局具有比原始布局中的所述选中部分窄的纵横比;以及
将所绘制的所述第二表现形式发送到所述客户端的装置。
22.如权利要求21所述的服务器,其特征在于所述第二表现形式包括所述内容区域的实质上线状绘制。
CN2005101099509A 2004-09-23 2005-09-20 网络浏览器图形用户界面及其实现方法 Active CN1752979B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
EP04104637.6 2004-09-23
EP04104637A EP1640878A1 (en) 2004-09-23 2004-09-23 Web browser graphical user interface and method for implementing same

Publications (2)

Publication Number Publication Date
CN1752979A CN1752979A (zh) 2006-03-29
CN1752979B true CN1752979B (zh) 2010-06-23

Family

ID=34929611

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2005101099509A Active CN1752979B (zh) 2004-09-23 2005-09-20 网络浏览器图形用户界面及其实现方法

Country Status (4)

Country Link
EP (2) EP2239668B1 (zh)
CN (1) CN1752979B (zh)
CA (1) CA2520948C (zh)
SG (2) SG155944A1 (zh)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1916900A (zh) * 2006-08-30 2007-02-21 田园 一种浏览网页的方法
US7864163B2 (en) 2006-09-06 2011-01-04 Apple Inc. Portable electronic device, method, and graphical user interface for displaying structured electronic documents
US8842074B2 (en) 2006-09-06 2014-09-23 Apple Inc. Portable electronic device performing similar operations for different gestures
US7956849B2 (en) 2006-09-06 2011-06-07 Apple Inc. Video manager for portable multifunction device
WO2008122202A1 (en) * 2007-04-04 2008-10-16 The Hong Kong University Of Science And Technology Custom rendering of webpages on mobile devices
US20080294974A1 (en) * 2007-05-24 2008-11-27 Nokia Corporation Webpage history view
US10503785B2 (en) 2008-04-25 2019-12-10 Ebay Inc. Matrix view of items
KR101495172B1 (ko) * 2008-07-29 2015-02-24 엘지전자 주식회사 이동단말기 및 그의 이미지 제어방법
US8365082B2 (en) 2008-10-23 2013-01-29 Savnor Technologies Llc Universal content referencing, packaging, distribution system, and a tool for customizing web content
KR20110074625A (ko) * 2008-10-23 2011-06-30 스키르파 알렉산더 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구
CN101477440A (zh) * 2009-01-15 2009-07-08 腾讯科技(深圳)有限公司 屏幕截图方法和屏幕截图系统
JP2012008686A (ja) * 2010-06-23 2012-01-12 Sony Corp 情報処理装置および方法、並びにプログラム
CN102446054B (zh) * 2010-09-30 2014-09-10 国际商业机器公司 用于显示网页的方法和系统
CN102157005B (zh) * 2011-04-19 2012-11-21 无锡永中软件有限公司 适于小屏幕设备使用的文档视图绘制方法
CN103885709B (zh) * 2011-09-30 2017-12-19 北京奇虎科技有限公司 用于便携式移动终端的网页缩放和浏览方法
CN102346782A (zh) * 2011-10-25 2012-02-08 中兴通讯股份有限公司 在用户终端浏览器上按需显示图片的方法及装置
CN106910195B (zh) * 2017-01-22 2020-06-16 北京奇艺世纪科技有限公司 一种网页页面布局监测方法及装置
US12008156B2 (en) * 2018-09-12 2024-06-11 International Business Machines Corporation Determining content values to render in a computer user interface based on user feedback and information
CN114115651A (zh) * 2021-11-26 2022-03-01 维沃移动通信有限公司 页面处理方法和装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1202188A2 (en) * 2000-10-31 2002-05-02 Mishou Co., Ltd. Server devices for displaying web pages
CN1466076A (zh) * 2002-07-02 2004-01-07 陈文清 探索浏览器
CN1477596A (zh) * 2002-08-22 2004-02-25 联想(北京)有限公司 一种在低分辨率显示设备中控制浏览器显示网页的方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
FR2544114A1 (fr) * 1983-04-08 1984-10-12 Gavilan Computer Corp Procede et dispositif pour l'affichage avec un effet de zoom sur un terminal d'ordinateur

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1202188A2 (en) * 2000-10-31 2002-05-02 Mishou Co., Ltd. Server devices for displaying web pages
CN1466076A (zh) * 2002-07-02 2004-01-07 陈文清 探索浏览器
CN1477596A (zh) * 2002-08-22 2004-02-25 联想(北京)有限公司 一种在低分辨率显示设备中控制浏览器显示网页的方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Watters C ET AL.Transformation volatility and the gateway model for web pagemigration to small screen devices.System Sciences ,2004,Proceedings of the 37TH Annual HAWAII International Conference On 5-8Jan.2004,PICATAWAY,NJ,USA,IEEE,5,JAN,2004.2004,说明书摘要、说明书100页左手栏第4行至11行,说明书101页左手栏第8行至104页左手栏第9行,105页左手栏第1行至105页右手栏第10行,106页左手栏第31行至106页右手栏第36行、附图2.
Watters C ET AL.Transformation volatility and the gateway model for web pagemigration to small screen devices.System Sciences,2004,Proceedings of the 37TH Annual HAWAII International Conference On 5-8Jan.2004,PICATAWAY,NJ,USA,IEEE,5,JAN,2004.2004,说明书摘要、说明书100页左手栏第4行至11行,说明书101页左手栏第8行至104页左手栏第9行,105页左手栏第1行至105页右手栏第10行,106页左手栏第31行至106页右手栏第36行、附图2. *

Also Published As

Publication number Publication date
EP2239668A1 (en) 2010-10-13
SG155944A1 (en) 2009-10-29
EP2239668B1 (en) 2015-09-09
CA2520948C (en) 2012-10-30
CA2520948A1 (en) 2006-03-23
EP1640878A1 (en) 2006-03-29
CN1752979A (zh) 2006-03-29
SG121131A1 (en) 2006-04-26

Similar Documents

Publication Publication Date Title
CN1752979B (zh) 网络浏览器图形用户界面及其实现方法
US20060064647A1 (en) Web browser graphical user interface and method for implementing same
KR101305781B1 (ko) 표시 제어 장치, 표시 제어 프로그램이 기록된 기록 매체 및 표시 제어 방법
US6832353B2 (en) Viewing web pages on small screen devices using a keypad for navigation
US8286078B2 (en) Apparatus and method for efficiently displaying web contents
KR100274135B1 (ko) 원격제어를이용한하이퍼텍스트객체들간의네비게이션을제공하는웹브라우저
US20050229119A1 (en) Method for the presentation and selection of document links in small screen electronic devices
CN1922896B (zh) 用于自动选择窗体进行显示的方法和设备
JP5816670B2 (ja) 電子ドキュメント内の関心領域を選択し、表示するための方法とデバイス
US20070073777A1 (en) System and method for web navigation using images
CN104834753A (zh) 生成网页截图的方法及其装置
CN102419760A (zh) 显示紧凑的以及展开的数据项目
CN101419624A (zh) 用来浏览web网页的移动信息设备和方法
US20050086259A1 (en) Viewing tabular data on small handheld displays and mobile phones
CN101278287A (zh) 用于浏览信息馈送的方法和设备
CN103403706A (zh) 多模式web浏览
WO2006051415A2 (en) Determining a main content area of a page
KR20120059995A (ko) 이동 단말기 및 이동 단말기의 웹 브라우저 표시 제어방법
JP2007233659A (ja) ネットワークサービスにおける情報配信システム
CN102841740A (zh) 信息处理设备、信息处理方法和程序
CN1698048A (zh) 改进的浏览器用户界面
WO2008013128A1 (fr) Dispositif terminal, procédé d'affichage de contenu et programme d'affichage de contenu
JP2015153044A (ja) 配信装置、端末装置、配信方法および配信プログラム
WO2005103948A2 (en) A method and apparatus for providing in place editing within static documents
JP2011044013A (ja) コンテンツ閲覧装置、コンテンツ閲覧システム、制御方法およびプログラム

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CP03 Change of name, title or address

Address after: Ontario, Canada

Patentee after: BlackBerry Ltd.

Country or region after: Canada

Address before: Ontario, Canada

Patentee before: RESEARCH IN MOTION Ltd.

Country or region before: Canada

TR01 Transfer of patent right

Effective date of registration: 20240521

Address after: Ai Erlandubailin

Patentee after: Maliki Innovation Co.,Ltd.

Country or region after: Ireland

Address before: Ontario, Canada

Patentee before: BlackBerry Ltd.

Country or region before: Canada