CN101657813A - 移动设备上网页的自定义渲染 - Google Patents
移动设备上网页的自定义渲染 Download PDFInfo
- Publication number
- CN101657813A CN101657813A CN200880011187A CN200880011187A CN101657813A CN 101657813 A CN101657813 A CN 101657813A CN 200880011187 A CN200880011187 A CN 200880011187A CN 200880011187 A CN200880011187 A CN 200880011187A CN 101657813 A CN101657813 A CN 101657813A
- Authority
- CN
- China
- Prior art keywords
- web page
- user
- selection
- content
- mobile device
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/565—Conversion or adaptation of application format or content
- H04L67/5651—Reducing the amount or size of exchanged application data
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
被配置用于在全尺寸屏幕(如计算机监视器)上显示的网页被根据用户的偏好重新配置以与移动设备一起使用。自定义渲染工具使用户参与自定义网页以渲染适合于在移动设备上显示的网页信息。使用浏览器工具栏,通过使用浏览器工具栏,用户可以突出显示网页的感兴趣部分并存储自定义信息。代理服务器接收所述自定义信息,并且随后使用所述信息以精确地检索感兴趣的部分,即使在所述网页或所述部分已经被更新后。
Description
技术领域
本主题涉及移动设备上网页的自定义渲染(custom rendering)。
背景技术
由于越来越多的移动电话提供网页浏览功能,所以越来越多的人正在使用移动电话来访问网络(web)。然而,移动设备的小显示屏和有限的输入能力常常不能给用户一个满意的浏览体验。尽管已经为解决这个问题作了很多尝试(如在渲染前通过浏览器进行重新编辑或预处理),但是使为台式电脑设计的复杂网页适合于移动设备的屏幕仍然是大的挑战。
使用移动设备浏览网络(web)经常不能导致满意的体验,由于大多数现有网页被设计为由具有大屏幕的台式电脑或者笔记本电脑访问。对于移动设备,很难:
1、使网页适合小屏幕,通常以任何尺寸小于400像素;
2、使用滚动按钮和小键盘导航网页。
尽管移动设备的处理能力和通信带宽的当前问题将在适当的时候得以解决,但是小屏幕和有限的输入设备是会仍然成为挑战的特征。已经提出了几种方法来为移动网浏览处理普通网页:一种方法是″小屏幕渲染″(SSR)或″窄布局″,其将网页重新组织成为细长的列以适应设备的宽度[8]。另外一种方法使用″缩略图″或者″概览加细节″(OPD)显示。当执行″缩略图″或者″概览加细节″(OPD)显示时,整个网页作为缩略图图像出现在屏幕上,并允许放大到特定部分。万维网联盟(W3C)的移动网(web)计划提供被称为“最佳实践”的设计技巧(后文称为″W3C最佳实践推荐″),其被预期来使SSR或者OPD方法更好地工作,只要网页设计者打算在移动设备上进行可能的渲染。
SSR和OPD两种方法具有相似的缺点。两种方法都给移动设备传输比用户实际想要的多得多的内容。因此,如果用户只对网页的小部分感兴趣,就常常会出现这种情形:其可能花费太多时间和导航努力(navigation effort)以找到该部分。当该页已经被加载之后不久用户就能看到所请求的内容、而无需通过多个链接进行过多的滚动或点击时,好的浏览体验才会发生。
另外的缺点是为在移动设备显示器上提供的更有限范围的信息所固有的。当创建网页时,网页创建者试图最优化显示“实际区域(realestate)”以在屏幕上提供必要信息和辅助信息的组合。达到这样的程度以致用户可容易地访问其想得到的无论什么信息,该辅助信息被忽视(或者有时被封锁)。或者因为网页的创建者不能预期浏览者想得到的是什么信息,或者因为各浏览者想得到的信息不同,所以SSR和OPD渲染可能提供或可能不提供用户想得到的信息。此外,商业上的考虑可能妨碍网页创建者为小屏幕上的可能的显示提供简要的信息。
发明内容
以用户确定的方式渲染网络(web)内容以在移动设备上显示。呈现给用户的网页视图的关联被建立,并且提供选择功能以允许用户选择网页的元素以在移动设备上显示。由与所述用户选择相关联的网页元素形成决定(determination),并且根据所述用户选择来显示所述元素的选择的指示。提供用于移动设备上的渲染的网页元素的选择标准以存储在代理服务器上。然后由移动设备检索与更新的内容信息相关联的网页元素的选择。
附图说明
现在将参考附图来描述本技术的特点,在附图中:
图1是台式机上以及移动设备上显示的网页的代表实例的图示;
图2是“自定义渲染和移动设备显示”工具栏的一个例子的图示;
图3是示出了使用“自定义渲染和移动设备显示”工具栏的稳定元素选择的图示;
图4是示出了“自定义渲染和移动设备显示”代理服务器中的文件流的图;
图5是示出了由“自定义渲染和移动设备显示”代理服务器识别“内容框”的图。
具体实施方式
概述
本方法是在查看移动设备上的内容之前为喜欢的网页内容增加用户化步骤。其将补足任何先前的方法以改善网页浏览体验。这提供了下述方法,该方法使用户参与定义称为“内容框”的感兴趣的内容。“内容框”提供了最优的方法以很好地利用小显示屏幕、以减少本地处理和导航努力,并且还减少至移动设备的内容传输的花费和时间。“内容框”的定义通常在个人计算机PC或者提供方便的网页内容选择的其它设备上进行。
PC以适合于内容元素的选择的方式提供足够的视频“实际区域(real estate)”或视频屏幕空间以观看网页的内容。另外,PC提供了提供工具栏以及能够容易地被例如键盘和与PC相关联的指示设备操作的附加显示功能的能力。这允许用户选择网页元素以在移动设备上显示,当选择个人电脑PC上的网页元素时,其相比于用户可用到的视频实际区域(real estate)而言通常具有减少了的视频实际区域。
该方法被称为“自定义渲染和移动设备显示”(CRAM)。图1A示出了在个人电脑屏幕111上显示的网页ht t p://www.msn.com。如果用户只是对网页的一部分121感兴趣(在屏幕的右下角上的″MSNBC新闻″)并且利用SSR方法在个人数字助理(PDA)上浏览它,那么结果是在图1B中所示出的显示125。注意在右侧呈现滚动栏131以使用户找到感兴趣的内容(近似图1A中的121)。滚动到想得到的内容会花费时间,并且容易滚动过头。这样的动作不能提供良好的浏览体验。图1C和D示出了在移动电话141和PDA151上的相同的感兴趣内容(MSNBC新闻)作为显示161,162。通过使用“自定义渲染和移动设备显示”(CRAM)方法来获得显示161,162。注意,尽管可能是仍然可以在“内容框”自身中使用滚动特征,但是不必须(通过)滚动来找到感兴趣的内容。已经发现使用CRAM方法浏览网页可以提供良好的用户体验,并且可以成为由移动电话运营商或者独立服务提供商提供的有用的服务。本方法包括获得关于哪个“内容框”对于特定用户来说是重要而且有趣的用户输入,并且随后从具有最新内容的更新后的网页中检索所选择的“内容框”。
为了解决允许的网页(其被为标准尺寸的屏幕设计以在移动设备上被观看)的问题,提供了″自定义渲染和移动设备显示″工具(CRAM工具)。CRAM工具让用户参与到自定义用于在移动设备上显示的网页中。为浏览器提供“自定义渲染和移动设备显示”工具栏(CRAM工具栏),通过该浏览器用户可以突出显示网页的感兴趣的部分并存储自定义的信息。“自定义渲染和移动设备显示”代理服务器(CRAM代理服务器)随后使用自定义信息来精确检索所感兴趣的部分,即使在网页或所述部分已经被更新以后。该方法的功效已通过原型实施和实验分析来得以论证。
软件工具
图2是CRAM工具栏的示例的图示.图3是示出了使用CRAM工具栏的稳定元素选择的图示。CRAM工具栏通常由用户通过个人电脑PC或其他容易被控制的用户接口来访问,尽管在移动设备上有可能执行工具栏功能。CRAM工具是用于移动设备的自定义渲染工具,以使移动设备用户能够仅仅检索适合小的移动屏幕的格式的感兴趣的特定网络内容(“内容框”)。换句话说,工具将预选内容框“填(crams)”到具有更新的内容的移动屏幕中。该工具有两部分:
1、CRAM工具栏和
2、CRAM代理服务器。
该CRAM工具栏是对浏览器的增加物,通常运行在台式机上。所述自定义渲染被设计来使用户能够从经常访问的网页中选择感兴趣的内容框、并在CRAM代理服务器上存储自定义信息。然后用户访问该代理服务器以之后检索最新的内容框,通常使用移动设备。所检索到的“内容框”是由代理服务器产生的只包含感兴趣的信息的HTML文件或其他网络兼容文件,其通常远小于最初的网页。其将由移动设备的本机浏览器用任意方法(SSR,OPD,或其他)进行渲染。本技术包括CRAM工具栏的使用的容易,以及随后通过CRAM代理服务器对选择的内容框的精确检索。
虽然这里描述了“HTML”,但应当理解的是,其他标记语言和其他被打算用于网络渲染的语言也能被作为“内容框”使用和配置。因此可与其他适于基于网络的显示的语言相结合操作该CRAM方法。
该CRAM工具是可从具有全尺寸屏幕的计算机访问的,尽管其也可以在移动设备上提供用于使用的补充工具。让用于移动设备工具栏的自定义渲染在全尺寸屏幕上被访问的一个优点是提供对网页的正常的全尺寸屏幕访问,并且使在计算机的全尺寸屏幕上定义“内容框”更容易,通常借助于鼠标或其他指示设备以及全尺寸键盘。这促使用户能以允许“内容框”的期望的布置的方式选择网页部分。
CRAM工具还能以像显示适合选择的网页的部分那样的方法分析(parse)HTML元素。适合的部分的例子是,具有标题的、表格单元等等。不适合的元素的例子是,选择终止中段(mid-paragraph)的网页的部分的尝试。因为有可能选择不是HTML的自身包含的元素的网页的部分,所以为了渲染完整的网页元素作为“内容框”,该CRAM工具识别适当的关闭标签(closing tag)和等价物。同样,因为“内容框”只是网页的一部分,所以为了有效地渲染所述“内容框”,CRAM工具许可用户选择性地删除例如广告等的项目。
关于用于移动设备工具的自定义渲染和在移动设备上的自定义渲染两者,内容框的选择类似于在Microsoft Internet中的“收藏夹(Favorites)”或在Mozilla FirefoxTM和其他浏览器中的“书签(Bookmarks)”的设置。不同之处在于,在通过用于移动设备的自定义渲染产生的输出的情况下,只有网页的“内容框”部分被渲染了。
CRAM工具栏211已经在用于平台独立的平台独立浏览器(如Mozilla FirefoxTM)上以及在私有的(proprietary)浏览器(如Microsoft Internet)上实现。该CRAM工具栏通过简单地突出显示框内的内容来使用用于“内容框”选择的一般的浏览器的选择特征。在用户突出显示所述“内容框”并确定其选择后,CRAM工具栏以XML存储自定义信息以用于由CRAM代理服务器进行后来的检索。该CRAM工具栏(图2)有一些附加特征:
1、用户可以通过使用工具栏上的“选择更多”或“选择较少”按钮221、222来控制所选择的“内容框”的尺寸。“选择更多”221会在初始网页(比如显示111)的HTML或XML文档内的文档对象模型(DOM)树中选定父级框,而选择较少会选定第一子级框。该第一子级框是该初始网页111的子集,且能够成为特定选择,如选择121。
2、用户可以在用户序列(叫做“CRAM向导”)中定义被称为“频道(channel)”的无限数量的内容框。该CRAM向导(图3)允许用户定义被认为是“稳定的”的元素,即,即使其他内容可能随着时间推移而变化,该“稳定的”元素也不会变化。然后,每个被选择的框被频道列表中的唯一数字标识。具有较小数字的框将被显示在频道的“自定义渲染和移动设备显示”网络列表的开头附近。频道是可再度使用的。作为实际问题,网络设计师试图使用稳定的设计元素,其导致该“内容框”的再现性,即使该“内容框”中的材料可能发生改变。
3、用户可以使用如图2中所示的“观看CRAM网络”按钮234来预览存储在该CRAM代理服务器中的频道列表。
4、用户配备有发送错误报告的设施。该错误报告用于“自定义渲染和移动设备显示”工具的调整。
另一特点是以适当的格式渲染“插入式(plug-in)”媒体的能力。由于该“内容框”最终由CRAM代理服务器输送,所以代理服务器还能以与便携设备兼容的格式渲染该“插入式”数据。这能由内容提供商提供的替换格式或者通过提供来自CRAM代理服务器的经转换的输出来实现。
自定义信息
由CRAM工具栏产生的自定义信息被以下述XML格式传送至CRAM代理服务器:
<craminfo>
<user>user’s ID</user>
<crambox>
<label>box’s title</label>
<channel>channel number of this box</channel>
<id>HTML id</id>
<stable>stable element</stable>
<source>original(actually,Firefox rendered)source code of thecontent box)</source>
</crambox>
<page>
<url>URL of the original Webpage</url>
</page>
</craminfo>
标签
<user>-这是用户的标识符(ID),其唯一地标识由他选择的内容框(被称为频道)的集合。
<label>-这是内容框的标题,其用作代理服务器为最新的内容框生成的网页的标题。用户使用该标题能够识别不同内容框的网页。
<channel>-这是频道的“自定义渲染和移动设备显示”网络列表(CRAM网络)中的“内容框”的频道号。
<class>-这是HTML元素的“类”属性的值,其是对应于所选择的内容框的DOM子树的第一元素。如果不存在“类”属性,则该XML标签将为空。
<id>-这是HTML元素的“id”属性的值,其是对应于所选择的内容框的DOM子树的第一元素。如果不存在“id”属性,则该XML标签将为空。
<stable>-这是默认值或用于识别内容框的用户选择的稳定元素。这是对应于被选择的内容框的HTML DOM树中的子树的部分。
<stableinfo>-这是关于该稳定元素的详细信息,如父元素和同胞元素,以在该同样的稳定元素在网页中被多次使用时帮助识别所选的内容框。
<source>-这是初始的用户选择的内容框的HTML代码段。当代理服务器为内容框提取最新信息时,其将被引用。
<url>-这是初始网页的URL。
前述的示例XML代码被充分地简化了并且不限于本主题。期待的是将包括各种格式和风格的元素,并且将允许方便的访问或对“内容框”进行修改。
来自CRAM工具栏的XML文件以及最新网页的内容被输入到CRAM代理服务器中。在代理服务器处,这些输入被转换为HTML DOM树并被处理。在图中所示的大框“匹配”内部的内容执行内容匹配。最后,匹配到的内容被转换成HTML网页并被发送至移动设备。
利用图4中描述的结构叙述CRAM代理服务器的非限制性示例。CRAM代理服务器通过两种主要方法识别内容框:
1.通过“id”或“class”提取-
如果来自CRAM工具栏的输入XML文件包含标签<id>或<class>,则代理服务器将访问最新的网页并提取HTML DOM子树(根结点包含作为该HTML DOM子树的属性的它的“id”或“Class”的值)。这个子树被用来生成小的HTML文件,并被发送给移动设备。
2.通过稳定元素提取-
如果上述标签<id>或<class>为空,则CRAM代理服务器将努力在最新的网页中定位稳定元素,然后提取包含该稳定元素的HTML DOM子树。该子树应当具有与初始网页中所选择的“内容框”的HTML DOM子树相似的结构,其被表示在<source>节点中。在匹配中未考虑最新的网页的DOM树的细节以允许该网页的更新。但是,最新的网页中的被定位的稳定元素的父节点种祖父节点将被比较,以增加提取的准确性。
参考图4,CRAM代理服务器401接收到来自CRAM工具栏的XML输入411和来自Web服务器的最新的网页412。HTML DOM提取器413使用XML输入来提取网络(web)内容,并将提取内容提供给匹配内容服务器421。提供按照ID(或CLASS)的提取内容(框431),并且被对照(against)DOM树匹配检查该提取内容(框432)。对按照ID(或CLASS)的提取内容是否可接受(意味着其是否产生如CRAM工具栏指定的“内容框”的有意义的渲染)作出判定437。如果按照ID(或CLASS)的提取内容是可接受的,那么输出被提供给HTML生成器443,其依次输出最新的“内容框”447。如果按照ID(或CLASS)的提取内容不被接受,则将按照稳定元素来进行提取(框451),并对照DOM树匹配检查该提取(框432)。对按照稳定元素的提取内容是否可接受(意味着其是否产生如CRAM工具栏指定的“内容框”的有意义的渲染)作出决定457。如果按照稳定元素的提取内容是可接受的,则输出被提供给HTML生成器443,并且作为最新的“内容框”447输出。如果按照稳定元素的提取内容不被接受,则将进行智能提取(框471),并对照DOM树匹配检查该智能提取(框432)。将智能提取的内容提供给HTML生成器443,并作为最新的“内容框”447输出。
当用户访问CRAM代理服务器以执行提取时,服务器需要在最新的网页中匹配id,类或稳定元素,以便定位最新的内容框,其是DOM树中的子树。匹配程序通过以自上而下的方式导航所述树来比较稳定元素的DOM结构和最新的网页。
图5A中的DOM树表示初始网页,其中用户已经指定初始的“内容框”和稳定元素。如图5B中所示,之后由CRAM代理服务器在实时提取过程中使用该自定义信息。代理服务器向下导航最新的网页的DOM树,并且最终到达并匹配稳定元素。然后,服务器回溯搜索路径以通过比较沿图5中所示的两个DOM树上的搜索路径的节点名称来识别最新的“内容框”的子树的根。之后,代理服务器提取并输出最新的内容框。有时需要附加的步骤来精确调整匹配处理以确保准确提取。
在由用户上下文(user context)为移动设备进行显示的自定义中,在初始网页中找到的“稳定”元素的使用是有用的。CRAM向导允许用户定义被认为是“稳定”的元素。在即使其他的内容可能随时间变化、该“稳定”元素也不可能变化的基础上来选择“稳定”元素。尽管CRAM工具在识别用于选择“内容框”中的内含物的网页元素的过程中可以是有用的,但是通常其在视觉上表现为如视觉上显示的网页的一个部分(section)。
这种方法,举例来说,即使到“雅虎财经(Yahoo Finance)”的链接被指定为来自“雅虎”主页的自定义信息的内容,而“雅虎”主页最终随着广告和其他内容发生变化而变化,该页上的“雅虎财经”的位置相对于其它链接发生变化,等等。因此,通过DOM匹配处理,仍然可以找到作为“稳定”元素的内容。
下面的例子论证CRAM工具的功效。这些例子仅以说明为目的,并不被解释为将本主题限制到任何特定的实施例。以下是三个例子:
例1.用户体验-用户体验实验是于2006年9月期间在包括139名大学本科生的实验班中进行的。参与者平均具有6.8年的台式机网络浏览经验,并且超过65%的参与者在进行实验前具有移动网络浏览的经验。每位参与者被给予如表1中所示的五项任务。在这些任务的每一项中,参与者首先被要求使用Opera Mini模拟器浏览初始网页的目标“内容框”,并使用CRAM工具栏选择该内容框。随后,还使用OperaMini模拟器通过CRAM代理服务器浏览所选择的框。在实验之后,由参与者来填写在线问卷。他们被要求评论两种浏览方法:浏览初始网页得到所要求的内容框,以及通过CRAM代理服务器浏览“内容框”。85%的参与者表示他们更倾向于通过用于移动设备的自定义渲染(CRAM)来进行浏览。他们同意,该CRAM有助于节省浏览时间,特别是对于经常阅读的内容框。
为用户体验任务提供的用户内容提供“内容框”入口,其可以被根据对应于“书签”或“收藏夹”的选择的菜单实施,但其被用于识别特定的“内容框”入口。与“书签”或“收藏夹”不同,在由用于移动设备的自定义渲染产生输出的情况下,只有网页的“内容框”部分被选择。在这个例子中,这被表现为:
URL | 内容框标题 |
http://www.msn.com/ | MSNBC News |
http://www.about.com | Today′s most talked about |
http://www.go.com Finance byABCNews | Finance by ABCNews |
http://www.cse.ust.hk | News and events |
http://www.bbc.co.uk/?ok | News |
表1用户体验评价任务
例2.选择成功率-由Alexa.com于2006年7月3日公布的前500个网站的主页的测试被测试。需要注意,这些网页中的许多(如一些搜索引擎的主页)不太可能作为自定义目标。5名参与者被要求审阅每一个网站并识别根据他们的主观意见有可能将被自定义的网站。不在由参与者构建的列表的任何一个中的那些网站被去除,剩余的210个网站被用作测试数据。对于在修订后的列表中的每个网站,随机地选择一个“内容框”,并将该“内容框”存储在用于由CRAM代理服务器处理的频道中。对于被测试的210个网站,其中的196个能够被使用CRAM工具栏容易地自定义为随机选择的框。在剩余的网站中,工具栏无法提供合适的“内容框”的主要原因被认为是与网页的特殊设计有关,如结合用户期望选择该表的列来使用HTML<table>元素用于布局。
例3.持久性-使用来自ht tp://www.archive.org的档案文件(archived)网络数据。对于该例子,假定当用户使用移动设备浏览网站时,他们更有可能访问新闻网站。从alexa.com获得前十位的新闻网站列表,并且该前十位的新闻网站列表被追溯到2004年1月的过去的网络数据。随机选择由注明日期的2004年1月的网页上的一个框构成,并且进行关于多长时间该框可以被成功地提取的检查。平均而言,被选择的框在6.7个月内是可提取的。
上述表明CRAM工具在用很少的额外自定义工作提供非常积极的移动网络浏览体验方面是有效的。
CRAM工具提供了用于在战略上教导用户创建来自PC机的自定义信息的技术。然后自定义的信息被上传至用户id/密码保护的代理服务器应用程序。通过从移动电话输入用户id/密码,用户的移动设备于是可以接收该用户的移动电话上的自定义布局的内容,即,该自定义信息不需要被从移动电话自身创建,因为“自定义渲染和移动设备显示”(CRAM)架构形成优于已有技术的系统的系统。
在替代配置中,用户可以使CRAM代理服务器上的自定义的内容中的一些或全部可被公开地得到。
通过提供包含PC和移动设备两者的自定义,更容易把自定义切换到客户端设备,即使特定的设备配置或用户选择在使用CRAM工具之前并未被预期。这允许启动来自第一计算机(如PC机)的自定义信息,在该第一计算机中,丰富的UI(用户界面)浏览器体验使用户能够通过CRAM工具栏执行丰富的内容布局和选择任务,但是在该第一计算机中,PC并不真正地从这样做中获益。然后,用户能够从第二设备(如移动设备)检索该自定义信息,在该第二设备中创建自定义信息比较困难,但却易于获得好处。
指令集
本主题可被具体化为计算机程序的产品,其被作为具有适当的软件指令的计算机可读介质来提供。第一指令与呈现给用户的网页视图建立关联。第二指令使得计算机提供选择功能,以使用户可以选择用于在移动设备上显示的所述网页的元素。第三指令提供了确定与用户选择相关联的网页元素的功能。第四指令使计算机利用与用户选择相关联的网页元素显示该元素的选择的指示。第五指令用于提供网页元素的选择的标准。其还允许对渲染的调整,以使该渲染的指令可以被存储在代理服务器上。第六指令使计算机根据所存储的网页元素的选择来从代理服务器中检索网页元素的选择。
结论
可以理解的是,在细节、材料、步骤和部件的布置方面的许多另外的变化(其已在本文中被描述和说明以解释本主题的特性)可以由本领域技术人员在如所附的权利要求中所表达的本主题的原理和范围之内加以实现。
Claims (14)
1.一种渲染网络内容以在移动设备上使用的方法,此方法包括:
建立与呈现给用户的网页视图的关联;
提供选择功能,借此所述用户可以选择用于在移动设备上显示的所述网页的元素;
确定与所述用户选择相关的网页元素;
用与所述用户选择相关的所述网页元素显示所述元素的所述选择的指示;
为所述网页元素的所述选择提供标准,包括用于存储在代理服务器上的所述渲染的调整;以及
根据所存储的所述网页元素的选择,从所述代理服务器检索所述网页元素的选择以用于在所述移动设备上渲染。
2.如权利要求1中所述的方法,进一步包括:
提供与当选择所述网页的元素时所述用户可得到的视频实际区域相比、缩小了的视频实际区域的内容框,作为用于在所述移动设备上显示的所述网页的所选择的元素;并且
给所述用户提供与用于在所述移动设备上显示的所选择的元素的渲染相应的显示指示,其中所述显示包括用于所述移动设备的显示标准,其足以让所述用户确定在所述移动设备上的所述渲染的外观。
3.如权利要求1中所述的方法,进一步包括:
提供与当选择所述网页的元素时所述用户可得到的视频实际区域相比、缩小了的视频实际区域的内容框,作为用于在所述移动设备上显示的所述网页的所选择的元素;并且
给所述用户提供与用于在所述移动设备上显示的所选择的元素的渲染相应的显示指示,其中所述显示包括用于所述移动设备的显示标准,其足以让所述用户确定在所述移动设备上的所述渲染的外观,包括所述移动设备的象素元素的显示布局。
4.如权利要求1中的方法,进一步包括:
与根据所述网页元素的所述已存储的选择从所述代理服务器检索到的网页元素的选择相关联,接收与由所述用户选择的所述网页元素中的至少一个相关的已更新的内容信息以在所述移动设备上显示。
5.如权利要求1中所述的方法,进一步包括:
根据所述网页元素的所存储的选择从所述代理服务器提供包含网页元素的所述选择的标识的菜单,以用于在所述移动设备上检索。
6.如权利要求1中所述的方法,进一步包括:
提供作为浏览器接口的工具栏,所述工具栏支持所述用户选择的自定义而无需特殊训练。
7.如权利要求1中所述的方法,进一步包括:
以根据标记语言DOM树匹配允许用于在移动设备上显示的所述网页的元素的所述选择的格式提供选择功能。
8.如权利要求1中所述的方法,进一步包括:
提供代理服务器以使用标记语言DOM树匹配来精确地检索已选择的内容框。
9.如权利要求1中的方法,进一步包括:
所述选择功能包含基于文档对象模型(DOM)树的“选择更多”和“选择较少”的功能。
10.如权利要求1中所述的方法,其中调试功能包含“学习模块”,以允许将同样的错误更正应用到类似错误的以后的实例中。
11.一种渲染用于在移动设备上使用的网络内容的方法,所述方法包括:
接收识别网站的请求并识别与所述网站关联的内容元素;
存储关于用于所述已识别的网站的URL的信息、以及存储相应于与所述网站关联的所述已识别的内容元素的信息;
存储用户与关于URL的已被存储的信息及相应于所述已识别的内容元素的信息的关联;
接收所述用户对所述网页的请求;
与呈现给用户的网页视图相关联;
提供选择功能,借此所述用户可以选择用于在移动设备上显示的所述网页的元素;
确定与所述用户选择相关的网页元素;
响应于用户选择,检索与URL相关的已更新的内容信息以用于与所述已识别的内容元素关联;
向所述用户提供与所述已更新的内容信息相关联的所述内容元素。
12如权利要求11所述的方法,还包括:
提供与所述用户选择相应的菜单选择关联,以便根据所述菜单选择允许所述用户选择以用于由所述用户进行的与所述已更新的内容相关联的内容元素的检索。
13.一种计算机程序产品,包括:
计算机可读的媒介,其包括:
第一指令,其用于使计算机建立与呈现给用户的网页视图的关联;
第二指令,其用于使计算机提供选择功能,借此所述用户可以选择用于在移动设备上显示的所述网页的元素;
第三指令,其用于使计算机确定与所述用户选择相关联的网页元素;
第四指令,其用于使计算机用与所述用户选择相关联的所述网页元素显示所述元素的选择的指示;
第五指令,其用于使计算机提供用于所述网页元素的选择的标准,包括对渲染的调整,所述标准被提供用于存储在代理服务器上;以及
第六指令,其用于使计算机根据所存储的所述网页元素的选择来从所述代理服务器检索网页元素的所述选择。
14.如权利要求13所述的计算机程序产品,还包括:
第七指令集,其用于使计算机根据所述网页元素的所存储的选择从所述代理服务器提供包含网页元素的所述选择的标识的菜单,以用于在所述移动设备上检索。
15.如权利要求13所述的计算机程序产品,还包括被提供作为浏览器接口的工具栏,所述工具栏支持所述用户选择的自定义而无需特殊训练。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US92167107P | 2007-04-04 | 2007-04-04 | |
US60/921,671 | 2007-04-04 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101657813A true CN101657813A (zh) | 2010-02-24 |
Family
ID=39830474
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN200880011187A Pending CN101657813A (zh) | 2007-04-04 | 2008-04-03 | 移动设备上网页的自定义渲染 |
Country Status (3)
Country | Link |
---|---|
US (1) | US9064028B2 (zh) |
CN (1) | CN101657813A (zh) |
WO (1) | WO2008122202A1 (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012072046A1 (zh) * | 2010-12-03 | 2012-06-07 | 腾讯科技(深圳)有限公司 | 网页渲染方法、设备和系统 |
CN102779164A (zh) * | 2012-06-20 | 2012-11-14 | 深圳市远行科技有限公司 | 一种业务系统及其动态页面的渲染方法 |
CN102945122A (zh) * | 2012-10-11 | 2013-02-27 | 百度在线网络技术(北京)有限公司 | 为移动终端提供适配的阅读界面的方法以及客户端 |
CN103198064A (zh) * | 2012-01-05 | 2013-07-10 | 宏碁股份有限公司 | 网页浏览系统和方法 |
CN103246668A (zh) * | 2012-02-08 | 2013-08-14 | 腾讯科技(深圳)有限公司 | 一种浏览器工具栏调整方法及装置 |
CN103339625A (zh) * | 2010-10-26 | 2013-10-02 | 良好科技公司 | 用于显示数据集的方法 |
CN103365862A (zh) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | 一种用于生成与页面对应的图片的方法与设备 |
CN104133865A (zh) * | 2014-07-17 | 2014-11-05 | 可牛网络技术(北京)有限公司 | 一种广告过滤方法以及装置 |
CN104504039A (zh) * | 2014-12-15 | 2015-04-08 | 北京奇虎科技有限公司 | 一种基于移动设备进行搜索的方法和装置 |
CN105009070A (zh) * | 2012-12-14 | 2015-10-28 | 谷歌公司 | 计算机应用促进 |
CN109165364A (zh) * | 2018-09-12 | 2019-01-08 | 广州视源电子科技股份有限公司 | 一种页面渲染方法、装置、设备和存储介质 |
CN109189511A (zh) * | 2018-06-27 | 2019-01-11 | 张苗苗 | 一种用于用户定制化浏览器网页的工具及其定制方法 |
CN114895825A (zh) * | 2022-07-13 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 列表显示方法、电子设备及存储介质 |
Families Citing this family (44)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8376837B2 (en) | 2007-09-30 | 2013-02-19 | Wms Gaming, Inc. | Distributing information in a wagering game system |
US10244020B1 (en) * | 2007-11-21 | 2019-03-26 | Axway Inc. | System and method for auto-generating meta-proxies |
US8365082B2 (en) | 2008-10-23 | 2013-01-29 | Savnor Technologies Llc | Universal content referencing, packaging, distribution system, and a tool for customizing web content |
US8448074B2 (en) * | 2009-05-01 | 2013-05-21 | Qualcomm Incorporated | Method and apparatus for providing portioned web pages in a graphical user interface |
US9792385B2 (en) | 2009-06-19 | 2017-10-17 | Oath Inc. | Systems and methods for improved web-based document retrieval and object manipulation |
US20110066971A1 (en) * | 2009-09-14 | 2011-03-17 | Babak Forutanpour | Method and apparatus for providing application interface portions on peripheral computing devices |
US20110225636A1 (en) * | 2010-03-09 | 2011-09-15 | Keith Chad C | Method For Automating Onboarding Application Developers To Sales Distribution Channel |
US8489772B2 (en) * | 2010-03-09 | 2013-07-16 | At&T Intellectual Property I, L.P. | Method for mechanically generating content for messages |
US9124554B2 (en) * | 2010-03-09 | 2015-09-01 | At&T Intellectual Property I, L.P. | Mobility network operator service delivery hub |
US8315920B2 (en) * | 2010-03-09 | 2012-11-20 | At&T Intellectual Property I, L.P. | Method for automating onboarding of user generated ringback tones to sales distribution channel |
KR101625858B1 (ko) * | 2010-04-19 | 2016-06-13 | 엘지전자 주식회사 | 이동단말기 및 그 제어방법 |
US8690682B1 (en) * | 2010-05-26 | 2014-04-08 | Wms Gaming, Inc. | Browser based wagering game systems and configuration |
US8479298B2 (en) | 2010-07-30 | 2013-07-02 | At&T Intellectual Property I, L.P. | Method for encrypting and embedding information in a URL for content delivery |
WO2012019167A1 (en) | 2010-08-06 | 2012-02-09 | Wms Gaming, Inc. | Browser based heterogenous technology ecosystem |
US9345973B1 (en) | 2010-08-06 | 2016-05-24 | Bally Gaming, Inc. | Controlling wagering game system browser areas |
US8627204B2 (en) | 2011-10-18 | 2014-01-07 | Microsoft Corporation | Custom optimization of web pages |
CN102346782A (zh) * | 2011-10-25 | 2012-02-08 | 中兴通讯股份有限公司 | 在用户终端浏览器上按需显示图片的方法及装置 |
CN103139260B (zh) | 2011-11-30 | 2015-09-30 | 国际商业机器公司 | 用于重用html内容的方法和系统 |
US9021383B2 (en) * | 2011-12-13 | 2015-04-28 | Lenovo (Singapore) Pte. Ltd. | Browsing between mobile and non-mobile web sites |
US9311427B2 (en) | 2012-01-03 | 2016-04-12 | Cimpress Schweiz Gmbh | Automated generation of mobile optimized website based on an existing conventional web page description |
US9563325B2 (en) | 2012-06-08 | 2017-02-07 | International Business Machines Corporation | Selective update of a page having a pegged area |
US9361651B2 (en) | 2012-10-04 | 2016-06-07 | International Business Machines Corporation | Displaying quantitative trending of pegged data from cache |
CN102981844B (zh) * | 2012-11-13 | 2016-07-13 | 北京奇虎科技有限公司 | 对网页主体元素进行处理的浏览器及方法 |
CN102981845B (zh) * | 2012-11-13 | 2016-06-29 | 北京奇虎科技有限公司 | 浏览器进行页面元素处理的方法及装置 |
WO2014075509A1 (zh) * | 2012-11-13 | 2014-05-22 | 北京奇虎科技有限公司 | 浏览器进行页面元素处理的方法及装置 |
US20140195894A1 (en) * | 2013-01-07 | 2014-07-10 | Mobilemotion Technologies Private Limited | Method and system for continuous rendering of web content |
CN104104695A (zh) * | 2013-04-01 | 2014-10-15 | 鸿富锦精密工业(深圳)有限公司 | 网页访问系统及方法 |
US10803232B2 (en) | 2013-06-06 | 2020-10-13 | International Business Machines Corporation | Optimizing loading of web page based on aggregated user preferences for web page elements of web page |
US9679073B2 (en) * | 2013-07-05 | 2017-06-13 | Sitecore A/S | Webpage comprising a rules engine |
US9600155B2 (en) * | 2013-07-15 | 2017-03-21 | Salesforce.Com, Inc. | Computer implemented methods and apparatus for customizing a data interface in an on-demand service environment |
CN104572659A (zh) * | 2013-10-14 | 2015-04-29 | 中兴通讯股份有限公司 | 一种实现网页布局的方法、装置及终端 |
US9456021B2 (en) * | 2014-01-21 | 2016-09-27 | International Business Machines Corporation | Loading pegged page objects based on predefined preferences |
US9959363B2 (en) | 2014-06-26 | 2018-05-01 | International Business Machines Corporation | Self-documentation for representational state transfer (REST) application programming interface (API) |
US10216855B2 (en) | 2014-06-26 | 2019-02-26 | International Business Machines Corporation | Mobilizing an existing web application |
US10097440B2 (en) | 2014-06-26 | 2018-10-09 | International Business Machines Corporation | User interface element adjustment using web analytics |
US9383971B2 (en) | 2014-06-26 | 2016-07-05 | International Business Machines Corporation | Mobilize website using representational state transfer (REST) resources |
EP3015977A1 (en) * | 2014-10-29 | 2016-05-04 | Hewlett-Packard Development Company, L.P. | Rendering a user interface |
US11379776B2 (en) * | 2015-07-27 | 2022-07-05 | Innovian Corporation | System and method for validating data |
US10534852B2 (en) * | 2015-09-30 | 2020-01-14 | Samsung Display Co., Ltd. | Display system and virtual web device in the cloud |
US10419423B2 (en) | 2015-10-30 | 2019-09-17 | Mcafee, Llc | Techniques for identification of location of relevant fields in a credential-seeking web page |
US10353992B2 (en) * | 2015-11-11 | 2019-07-16 | Box, Inc. | Adaptive determination of dynamically-composited web page elements in a web application |
US10740539B2 (en) * | 2017-04-17 | 2020-08-11 | Hewlett-Packard Development Company, L.P. | Page structure adjustments |
WO2019157478A1 (en) | 2018-02-12 | 2019-08-15 | Georgia Tech Research Corporation | Methods and device for task mobilization |
CN114741632B (zh) * | 2022-03-31 | 2024-07-26 | 网易有道信息技术(北京)有限公司 | 用于对网页中关键字进行展示的方法及其相关产品 |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW482964B (en) | 2000-11-02 | 2002-04-11 | Way Tech Dev Inc | Method and system for conducting web page segmentation with automatic web page program code analysis |
CN1357846A (zh) | 2000-12-08 | 2002-07-10 | 唯特科技股份有限公司 | 网页内容选取装置、系统及其方法 |
CN1182748C (zh) | 2001-11-27 | 2004-12-29 | 斯伦贝谢(北京)智能卡科技有限公司 | 基于短消息服务的无线增值业务的实现方法和系统 |
US7167899B2 (en) | 2002-03-26 | 2007-01-23 | Matsushita Electric Industrial Co., Ltd. | Web-content aware automatic call transfer system and process for mobile users and operators |
US7296213B2 (en) * | 2002-12-11 | 2007-11-13 | Nvidia Corporation | Error correction cache for flash memory |
US20040133595A1 (en) * | 2003-01-08 | 2004-07-08 | Black Karl S. | Generation of persistent document object models |
US20080280588A1 (en) * | 2004-02-20 | 2008-11-13 | Brian Roundtree | User Interface Methods, Such as for Customer Self-Support on a Mobile Device |
US8869043B2 (en) | 2004-06-07 | 2014-10-21 | Avaya Inc. | System for presenting applications on instant messaging clients |
CA2479606C (en) | 2004-08-31 | 2010-08-17 | Arizan Corporation | Method for document page delivery to a mobile communication device |
US7712027B2 (en) | 2004-08-31 | 2010-05-04 | Research In Motion Limited | Method for document page delivery to a mobile communication device |
EP2239668B1 (en) | 2004-09-23 | 2015-09-09 | BlackBerry Limited | Web browser graphical user interface and method for implementing same |
US20060184894A1 (en) * | 2005-02-15 | 2006-08-17 | International Business Machines Corporation | Global window management for parent/child relationships |
US7509374B2 (en) | 2005-09-09 | 2009-03-24 | Alchemic Solutions Group, Inc. | Systems and methods for creating customized applications |
KR100765759B1 (ko) | 2005-09-22 | 2007-10-15 | 삼성전자주식회사 | 웹 브라우징 방법 및 시스템과 그 기록 매체 |
US20070074111A1 (en) * | 2005-09-23 | 2007-03-29 | Rocket Software, Inc. | Method and system for selectively viewing the content of websites |
WO2007038491A2 (en) | 2005-09-26 | 2007-04-05 | Novarra, Inc. | System and method for web navigation using images |
-
2008
- 2008-04-03 WO PCT/CN2008/000673 patent/WO2008122202A1/en active Application Filing
- 2008-04-03 CN CN200880011187A patent/CN101657813A/zh active Pending
- 2008-04-03 US US12/450,601 patent/US9064028B2/en active Active
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103339625B (zh) * | 2010-10-26 | 2017-05-03 | 良好科技控股有限公司 | 用于显示数据集的方法 |
US9576068B2 (en) | 2010-10-26 | 2017-02-21 | Good Technology Holdings Limited | Displaying selected portions of data sets on display devices |
CN103339625A (zh) * | 2010-10-26 | 2013-10-02 | 良好科技公司 | 用于显示数据集的方法 |
WO2012072046A1 (zh) * | 2010-12-03 | 2012-06-07 | 腾讯科技(深圳)有限公司 | 网页渲染方法、设备和系统 |
CN103198064A (zh) * | 2012-01-05 | 2013-07-10 | 宏碁股份有限公司 | 网页浏览系统和方法 |
CN103246668A (zh) * | 2012-02-08 | 2013-08-14 | 腾讯科技(深圳)有限公司 | 一种浏览器工具栏调整方法及装置 |
CN103365862A (zh) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | 一种用于生成与页面对应的图片的方法与设备 |
CN102779164B (zh) * | 2012-06-20 | 2015-08-05 | 深圳市远行科技有限公司 | 一种业务系统及其动态页面的渲染方法 |
CN102779164A (zh) * | 2012-06-20 | 2012-11-14 | 深圳市远行科技有限公司 | 一种业务系统及其动态页面的渲染方法 |
CN102945122A (zh) * | 2012-10-11 | 2013-02-27 | 百度在线网络技术(北京)有限公司 | 为移动终端提供适配的阅读界面的方法以及客户端 |
CN102945122B (zh) * | 2012-10-11 | 2015-08-05 | 百度在线网络技术(北京)有限公司 | 为移动终端提供适配的阅读界面的方法以及客户端 |
US9762698B2 (en) | 2012-12-14 | 2017-09-12 | Google Inc. | Computer application promotion |
CN105009070A (zh) * | 2012-12-14 | 2015-10-28 | 谷歌公司 | 计算机应用促进 |
CN105009070B (zh) * | 2012-12-14 | 2018-08-17 | 谷歌有限责任公司 | 计算机应用促进 |
US11368556B2 (en) | 2012-12-14 | 2022-06-21 | Google Llc | Computer application promotion |
US11750683B2 (en) | 2012-12-14 | 2023-09-05 | Google Llc | Computer application promotion |
CN104133865A (zh) * | 2014-07-17 | 2014-11-05 | 可牛网络技术(北京)有限公司 | 一种广告过滤方法以及装置 |
CN104504039A (zh) * | 2014-12-15 | 2015-04-08 | 北京奇虎科技有限公司 | 一种基于移动设备进行搜索的方法和装置 |
CN104504039B (zh) * | 2014-12-15 | 2018-10-09 | 北京奇虎科技有限公司 | 一种基于移动设备进行搜索的方法和装置 |
CN109189511A (zh) * | 2018-06-27 | 2019-01-11 | 张苗苗 | 一种用于用户定制化浏览器网页的工具及其定制方法 |
CN109165364A (zh) * | 2018-09-12 | 2019-01-08 | 广州视源电子科技股份有限公司 | 一种页面渲染方法、装置、设备和存储介质 |
CN114895825A (zh) * | 2022-07-13 | 2022-08-12 | 北京达佳互联信息技术有限公司 | 列表显示方法、电子设备及存储介质 |
CN114895825B (zh) * | 2022-07-13 | 2022-11-22 | 北京达佳互联信息技术有限公司 | 列表显示方法、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2008122202A1 (en) | 2008-10-16 |
WO2008122202A8 (en) | 2009-02-12 |
US9064028B2 (en) | 2015-06-23 |
US20100077321A1 (en) | 2010-03-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9064028B2 (en) | Custom rendering of webpages on mobile devices | |
US9916293B2 (en) | Module specification for a module to be incorporated into a container document | |
US7631260B1 (en) | Application modification based on feed content | |
AU2010201642B2 (en) | Remote module incorporation into a container document | |
US8812500B2 (en) | System and method of displaying related sites | |
US8046428B2 (en) | Presenting video content within a web page | |
US8521892B2 (en) | Method and apparatus for controlling web page advertisement through incentives and restrictions | |
US20070204010A1 (en) | Remote Module Syndication System and Method | |
US20070136201A1 (en) | Customized container document modules using preferences | |
US20070136443A1 (en) | Proxy server collection of data for module incorporation into a container document | |
US20090235187A1 (en) | System and method for content navigation | |
US20070130518A1 (en) | Method and apparatus for a personalized web page | |
KR20090005097A (ko) | 웹 커뮤니티 및 웹 애플리케이션에 대해 데이터를 변환하는시스템 및 방법 | |
JP2013517556A (ja) | 高められたブラウジング速度のためのプレビュー機能性 | |
KR100996037B1 (ko) | 무선 인터넷 접속이 가능한 이동 통신 단말기에서 하이퍼링크 정보를 제공하기 위한 장치 및 방법 | |
US20050149853A1 (en) | Document display program and method | |
US20150186343A1 (en) | Method and system for providing content segments of an interactive media experience as webpages | |
US8131752B2 (en) | Breaking documents | |
US20090164920A1 (en) | System, method and apparatus for inserting a virtual tool bar into a markup language document | |
JP2008046879A (ja) | ページ表示装置、ページ表示方法、およびコンピュータプログラム | |
US20180367848A1 (en) | Method and system for auto-viewing of contents | |
KR100836023B1 (ko) | 키워드 검출을 통한 웹페이지 제공 방법 및 이를 위한이동통신 단말기 | |
Rachovski et al. | Models and methodologies for automated creating of webpage mobile versions | |
Sonnenberg | An Autonomous Framework for Mobile Web Content Adaptation and Prioritization | |
JP4962992B2 (ja) | Webページを表示する端末、方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1141109 Country of ref document: HK |
|
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20100224 |
|
REG | Reference to a national code |
Ref country code: HK Ref legal event code: WD Ref document number: 1141109 Country of ref document: HK |