CN103336794B - 用于在目标页面中提供对应呈现信息的方法与设备 - Google Patents

用于在目标页面中提供对应呈现信息的方法与设备 Download PDF

Info

Publication number
CN103336794B
CN103336794B CN201310231194.1A CN201310231194A CN103336794B CN 103336794 B CN103336794 B CN 103336794B CN 201310231194 A CN201310231194 A CN 201310231194A CN 103336794 B CN103336794 B CN 103336794B
Authority
CN
China
Prior art keywords
information
page
presented
presentation
target pages
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
CN201310231194.1A
Other languages
English (en)
Other versions
CN103336794A (zh
Inventor
张子秋
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.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co 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 Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201310231194.1A priority Critical patent/CN103336794B/zh
Publication of CN103336794A publication Critical patent/CN103336794A/zh
Application granted granted Critical
Publication of CN103336794B publication Critical patent/CN103336794B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明的目的是提供一种用于在目标页面中提供对应呈现信息的方法与设备,具体地,获取关于待提供的目标页面的页面信息,其中,页面信息包括与拟附加于目标页面的呈现信息相对应的访问地址信息;根据页面信息,加载目标页面;根据访问地址信息,获取呈现信息;根据呈现信息在目标页面中所对应的页面容器,确定呈现信息的布局信息,以加载将呈现信息。其中,与现有技术相比,本发明通过获取的与拟附加于目标页面的呈现信息相对应的访问地址信息,获取呈现信息;根据呈现信息在目标页面中所对应的页面容器,确定呈现信息的布局信息,以加载将呈现信息,从而不仅提高了呈现信息与页面容器的适配度,也提高了信息呈现效率及用户获取信息的效率。

Description

用于在目标页面中提供对应呈现信息的方法与设备
技术领域
本发明涉及互联网技术领域,尤其涉及一种用于在目标页面中提供对应呈现信息的技术。
背景技术
当前,随着互联网技术的发展及互联网应用对用户学习、工作与生活的渗透,人们越来越多地通过网络获取信息。但是,网页中除了正文内容之外可能还有其他信息,如网页导航链接、广告链接等呈现信息;另外,为了提高信息传递的效率,页面之外的信息,如呈现信息,也会随该页面提供给访问用户,例如,3GPP中的呈现(Presence)业务,以一定的通信方式,实时获取呈现信息并呈现给目标用户。然而,该等呈现信息往往会影响用户的信息获取与浏览体验,如现有技术中,服务器接收到浏览器发送的关于呈现信息的检索请求时,将检索得到与该检索请求相对应的呈现信息数据进行布局模板渲染和拼接,并返回给浏览器,浏览器可对服务器返回的呈现信息直接进行解析并渲染,以提供给用户,然而,服务器端单一的呈现信息布局模板使得同一呈现信息在不同页面环境呈现时,如呈现于不同页面容器位置处时,或者,同一页面对应的同一页面容器位置处呈现不同呈现信息时,如呈现不同尺寸的呈现信息,往往造成呈现信息的失真,降低了呈现信息呈现的自适应性,影响了信息提供效率及用户获取信息的效率。
发明内容
本发明的目的是提供一种用于在目标页面中提供对应呈现信息的方法与设备。
根据本发明的一个方面,提供了一种在用户设备端用于在目标页面中提供对应呈现信息的方法,其中,该方法包括以下步骤:
a获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;
b根据所述页面信息,加载所述目标页面;
其中,所述步骤b还包括:
b1根据所述访问地址信息,获取所述呈现信息;
b2根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;
b3根据所述布局信息,将所述呈现信息加载于所述页面容器。
根据本发明的另一个方法,还提供了一种在网络设备端用于辅助在目标页面中提供对应呈现信息的方法,其中,该方法包括以下步骤:
A获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;
B根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;
C将所述页面信息发送至所述用户设备。
根据本发明的一个方面,还提供了一种用于在目标页面中提供对应呈现信息的用户设备,其中,该用户设备包括:
页面获取装置,用于获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;
加载装置,用于根据所述页面信息,加载所述目标页面;
其中,所述加载装置还包括:
呈现获取单元,用于根据所述访问地址信息,获取所述呈现信息;
布局确定单元,用于根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;
呈现加载单元,用于根据所述布局信息,将所述呈现信息加载于所述页面容器。
根据本发明的另一个方面,还提供了一种用于辅助在目标页面中提供对应呈现信息的网络设备,其中,该网络设备包括:
初始获取装置,用于获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;
生成装置,用于根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;
页面发送装置,用于将所述页面信息发送至所述用户设备。
根据本发明的再一个方面,还提供了一种用于在目标页面中提供对应呈现信息的系统,其中,该系统包括如前述根据本发明一个方面的用于在目标页面中提供对应呈现信息的用户设备和根据本发明另一个方面的用于辅助在目标页面中提供对应呈现信息的网络设备。
根据本发明的又一个方面,还提供了一种浏览器,包括如前述根据本发明一个方面的用于在目标页面中提供对应呈现信息的用户设备。
根据本发明的还一个方面,还提供了一种浏览器插件,包括如前述根据本发明一个方面的用于在目标页面中提供对应呈现信息的用户设备。
根据本发明的还一个方面,还提供了一种网页服务器,包括如前述根据本发明一个方面的用于辅助在目标页面中提供对应呈现信息的网络设备。
与现有技术相比,本发明通过获取的与拟附加于待提供的目标页面的呈现信息相对应的访问地址信息,获取所述呈现信息;根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;根据所述布局信息,将所述呈现信息加载于所述页面容器,从而不仅提高了呈现信息与页面中页面容器的适配度(如不同尺寸的呈现信息可呈现于尺寸固定或变化的页面容器中而不会造成呈现信息的失真),提高了呈现信息呈现的自适应性,相应地,也提高了信息呈现效率及用户获取信息的效率。而且,本发明还可调整所述呈现信息中的文本信息的分行信息,以根据所述分行信息,将所述文本信息加载于所述页面容器,从而进一步地提高了信息呈现效率及用户获取信息的效率。此外,本发明还可根据所述呈现信息所对应的呈现类型信息,确定与所述呈现信息相对应的布局引擎,以根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息,从而更进一步地提高了信息呈现效率及用户获取信息的效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示出根据本发明一个方面的用于在目标页面中提供对应呈现信息的用户设备和网络设备的设备示意图;
图2示出根据本发明一个方面的用于在目标页面中提供对应呈现信息的布局引擎输出的示意图;
图3示出根据本发明一个方面的用于在目标页面中提供对应呈现信息的将呈现信息加载于页面容器后加载结果的示意图;
图4示出根据本发明一个方面的用于在目标页面中提供对应呈现信息的将呈现信息中的文本信息进行探测处理后加载于页面容器后加载结果的示意图;
图5示出根据本发明一个优选实施例的用于在目标页面中提供对应呈现信息的用户设备的设备示意图;
图6示出根据本发明另一个方面的用户设备和网络设备配合实现用于在目标页面中提供对应呈现信息的方法流程图;
图7示出根据本发明一个优选实施例的用于在目标页面中提供对应呈现信息的方法流程图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1示出根据本发明一个方面的用于在目标页面中提供对应呈现信息的用户设备1和网络设备2,其中,用户设备1包括页面获取装置11、加载装置12,其中,加载装置12还包括呈现获取单元13、布局确定单元14和呈现加载单元15,网络设备2包括初始获取装置21、生成装置22和页面发送装置23。具体地,网络设备2的初始获取装置21获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;生成装置22根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;页面发送装置23将所述页面信息发送至所述用户设备;相应地,用户设备1的页面获取装置11获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;加载装置12根据所述页面信息,加载所述目标页面;呈现获取单元13根据所述访问地址信息,获取所述呈现信息;布局确定单元14根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;呈现加载单元15根据所述布局信息,将所述呈现信息加载于所述页面容器。
在此,所述用户设备包括用于向网页服务器如万维网(Web)服务器发送各种请求,并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放的客户端浏览程序,如浏览器,所述用户设备可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互。其中,所述浏览器包括但不限于如百度PC浏览器、百度手机浏览器等。所述用户设备可由一系列按照特定顺序组织的计算机数据和指令的集合实现。
在此,所述网络设备包括驻留于因特网上从网络接收用户设备发送的关于网页信息的请求,并响应于该请求将该请求对应的文件回复给用户设备的某种类型计算机的程序,其中,回复的文件通常包含可被用户设备解释HTML文件和/或还包含如纯文本、图像等其他类型的文件,所述网络设备包括但不限于如网页服务器、万维网服务器等,其可由网络主机、单个网络服务器、多个网络服务器集或基于云计算的计算机集合等实现。在此,云由基于云计算(Cloud Computing)的大量主机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。
本领域技术人员应能理解上述用户设备和网络设备仅为举例,其他现有的或今后可能出现的用户设备或网络设备如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。在此,网络设备包括一种能够按照事先设定或存储的指令,自动进行数值计算和信息处理的电子设备,其硬件包括但不限于微处理器、专用集成电路(ASIC)、可编程门阵列(FPGA)、数字处理器(DSP)、嵌入式设备等。
具体地,网络设备2的初始获取装置21根据接收的来自用户设备1如浏览器发送的包含目标页面URL的页面访问请求,从本地存储器,或者,通过调用第三方网页服务器提供的提供页面信息的应用程序接口(API),获取关于待提供至用户设备1的目标页面的初始页面信息;接着,初始获取装置21根据该初始页面信息,确定拟附加于所述目标页面的呈现信息;如将根据该初始页面信息对应的HTML源代码中包括的呈现信息作为拟附加于所述目标页面的呈现信息,或者,将与所述目标页面的页面内容相匹配的呈现信息,作为拟附加于所述目标页面的呈现信息;然后,初始获取装置21再根据确定的拟附加于所述目标页面的呈现信息,获取与拟附加于所述目标页面的呈现信息相对应的访问地址信息,如从本地存储器中获取所述初始页面信息对应的HTML源代码中包括的呈现信息对应的访问地址信息,或者,通过调用呈现信息所对应的第三方服务器提供的呈现信息对应的访问地址信息的应用程序接口(API),获取所述访问地址信息,或者,接收呈现信息所对应的第三方服务器反馈的所述访问地址信息。在此,所述初始页面信息包括所述目标页面对应的HTML源代码。在此,所述目标页面包括但不限于以下至少任一项:1)万维网上按照HTML格式组织起来包括文字、图形、声音和视像等信息的文件,如web页面;2)适合在移动设备上显示的网页,如wap页面,具体地如wap1页面、wap2页面等。在此,所述呈现信息包括但不限于如待显示于页面中以一定载体如链接、文本、图片、视频、动画或其组合、或其中一种或多种的组合等,用于向用户传递信息的内容;所述呈现信息可来自于任意第三方站点,例如由第三方站点提供的待呈现给用户的新闻信息、活动信息等。本领域技术人员应能理解上述目标页面和呈现信息仅为举例,其他现有的或今后可能出现的目标页面或呈现信息如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
例如,假设用户user通过在浏览器(对应于用户设备1)地址栏中输入网址http://tech.sina.com.cn/internet/(即目标页面,记为目标页面A),按Enter键,浏览器解析该页面URL,从中分解出协议名、主机名、端口、对象路径等部分,把以上部分结合本机自己的信息,封装成一个HTTP请求数据包,运用TCP协议连接至主机的指定端口,并将该已封装好的数据包发送给页面服务器(对应于网络设备2),则初始获取装置21通过约定的通信方式,如http或https等通信协议,便可获取到浏览器发送的关于目标页面A的页面访问请求;然后,初始获取装置21根据该页面访问请求,通过调用新浪网页服务器提供的提供页面信息的应用程序接口(API),便可获取目标页面A的初始页面信息;接着,初始获取装置21根据该初始页面信息,确定拟附加于目标页面A的呈现信息;如将根据该初始页面信息对应的HTML源代码中包括的呈现信息B如“IBM PureApplication TM System只需4小时即可部署云方案”作为拟附加于所述目标页面的呈现信息;然后,初始获取装置21可根据确定的拟附加于目标页面A的呈现信息B,通过调用呈现信息B所对应的第三方服务器如新浪服务器提供的呈现信息B对应的访问地址信息的应用程序接口(API),便可获取到与拟附加于目标页面A的呈现信息B相对应的访问地址信息如,src=″http://tech.sina.com.cn/pdps/js/PDPS000000003145″。
优选地,初始获取装置21还可首先获取关于待提供至用户设备的目标页面的初始页面信息;然后,根据所述初始页面信息的页面相关信息,获取与拟附加于所述目标页面的呈现信息相对应的访问地址信息。在此,所述页面相关信息包括但不限于以下至少任一项:1)所述目标页面的页面关键词;2)所述目标页面对应的页面站点;3)所述目标页面对应的网页属性,如meta标签属性。例如,假设用户user通过其PC设备打开页面A’“校园青春小说_图书连载_文化读书频道_新浪网”(http://vip.book.sina.com.cn/pub/cate.php?cd=serial&c=001007&dpc=1),然后点击了该页面中“热门按钮”以热门方式排序该页面中的图书信息,然后点击对应第三页中的超链接如“80后的血色浪漫:匆匆那年(全本)”(http://vip.book.sina.com.cn/book/index_53338.html,记为目标页面C),按Enter键,浏览器解析该超链接对应的页面URL,从中分解出协议名、主机名、端口、对象路径等部分,把以上部分结合本机自己的信息,封装成一个HTTP请求数据包,运用TCP协议连接至主机的指定端口,并将该已封装好的数据包发送给页面服务器(对应于网络设备2),则初始获取装置21通过约定的通信方式,如http或https等通信协议,便可获取到浏览器发送的关于目标页面C的页面访问请求;然后,初始获取装置21根据该页面访问请求,通过调用新浪网页服务器提供的提供页面信息的应用程序接口(API),便可获取目标页面A的初始页面信息;接着,初始获取装置21根据所述初始页面信息的页面相关信息,获取与拟附加于目标页面C的呈现信息相对应的访问地址信息,如根据目标页面C的页面关键词“青春校园言情80后”,在呈现信息库中进行匹配查询,获得与该页面关键词相匹配的呈现信息如来自呈现用户Preference-user的呈现信息B’“电影《致我们终将逝去的青春》门票团购”;然后,初始获取装置12可根据确定的拟附加于目标页面C的呈现信息B’,通过调用呈现信息B’所对应的第三方服务器如美团网服务器提供的呈现信息B’对应的访问地址信息的应用程序接口(API),便可获取到与拟附加于目标页面C的呈现信息B’相对应的访问地址信息如,src=″http://www.meituan.com/s/致我们终将逝去的青春/all/haidianqu″。
本领域技术人员应能理解上述确定拟附加于所述目标页面的呈现信息的方式仅为举例,其他现有的或今后可能出现的确定拟附加于所述目标页面的呈现信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
本领域技术人员应能理解上述获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息的方式仅为举例,其他现有的或今后可能出现的获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
生成装置22根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,如将所述访问地址信息附加于JS代码中,且并入所述初始页面信息以形成所述页面信息,其中,所述页面信息包括所述访问地址信息。例如,假设初始获取装置21获取到拟附加于目标页面A的呈现信息B对应的访问地址信息如src=http://tech.sina.com.cn/pdps/js/PDPS000000003145,呈现信息B对应的媒体类型为图片格式,则生成装置22可首先将呈现信息B对应的访问地址信息src=http://tech.sina.com.cn/pdps/js/PDPS000000003145打印至一个JS全部变量中,得到如下JS代码JScode1:
<script type=″text/javascript″>
var ads=[{″img″:″http://tech.sina.com.cn/pdps/js/PDPS000000003145.jpg″}]
</script>
然后,生成装置22可将上述JS代码并入目标页面A对应的初始页面信息如目标页面A对应的HTML源代码中,如将上述JS代码并入指定的呈现信息B在目标页面A中所对应的页面容器位置处,从而形成所述页面信息。在此,呈现信息B在目标页面A中所对应的页面容器位置可由目标页面A中对应的页面容器位置脚本确定,还可由目标页面A所对应的站点所有者确定。
优选地,生成装置22还可首先根据所述访问地址信息,生成与所述呈现信息相对应的脚本信息,其中,所述脚本信息包括所述访问地址信息;然后,再根据所述初始页面信息及所述脚本信息,生成对应的页面信息,其中,所述页面信息包括所述脚本信息。例如,假设初始获取装置21获取到拟附加于目标页面A的呈现信息B对应的访问地址信息如src=http://tech.sina.com.cn/pdps/js/PDPS000000003145,呈现信息B对应的媒体类型为图片格式,则生成装置22可首先根据呈现信息B对应的访问地址信息src=http://tech.sina.com.cn/pdps/js/PDPS000000003145,生成与呈现信息B相对应的脚本信息,如将呈现信息B对应的访问地址信息src=http://tech.sina.com.cn/pdps/js/PDPS000000003145打印至一个JS全部变量中,得到如下JS代码JScode1:
<script type=″text/javascript″>
var ads=[{″img″:″http://tech.sina.com.cn/pdps/js/PDPS000000003145.jpg″}]
</script>
然后,生成装置22再根据所述初始页面信息及所述脚本信息,生成对应的页面信息,其中,所述页面信息包括所述脚本信息,如可将上述JS代码并入目标页面A对应的初始页面信息如目标页面A对应的HTML源代码中,如将上述JS代码并入指定的呈现信息B在目标页面A中所对应的页面容器位置处,从而形成所述页面信息。
优选地,生成装置22还可根据所述初始页面信息及所述访问地址信息、以及所述呈现信息的呈现相关信息,生成对应的页面信息,如将所述访问地址信息及所述呈现相关信息附加于JS代码中,且并入所述初始页面信息以形成所述页面信息,其中,所述页面信息包括所述访问地址信息。在此,所述呈现相关信息用于描述所述呈现信息的当前呈现结果信息,如所述呈现信息的尺寸大小等参数信息。例如,接上例,假设初始获取装置21在获取与拟附加于目标页面A的呈现信息B相对应的访问地址信息时,还获取到该呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,则生成装置22可首先将呈现信息B对应的访问地址信息sre=http://tech.sina.com.cn/pdps/js/PDPS000000003145及其尺寸大小打印至一个JS全部变量中,得到如下JS代码Jscode2:
然后,生成装置22可将上述JS代码并入目标页面A对应的初始页面信息如目标页面A对应的HTML源代码中,从而形成所述页面信息。
本领域技术人员应能理解上述生成对应的页面信息的方式仅为举例,其他现有的或今后可能出现的生成对应的页面信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
接着,页面发送装置23通过约定的通信方式,如http或https等通信协议,将所述页面信息发送至所述用户设备。
相应地,用户设备1的页面获取装置11通过约定的通信方式,如http或https等通信协议,获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息。
加载装置12根据所述页面信息,通过对所述页面信息进行诸如解析、建立所述目标页面对应的DOM树、构建渲染树来对所述目标页面进行渲染等一些列操作实现加载所述目标页面。具体地,加载装置12可首先加载所述目标页面中的非呈现信息,如首先对所述页面信息进行解析、对加载到的资源如HTML、JS、CSS等进行语法解析,建立相应的内部数据结构,如HTML的DOM树,JS的(对象)属性表,CSS的样式规则等,进而构建渲染树,对各个元素进行位置计算、样式计算等等,以根据渲染树对所述目标页面进行渲染;然后,加载装置12再渲染所述目标页面中的呈现信息,如根据呈现信息的尺寸大小信息,进行布局信息确定、元素渲染及呈现信息内容加载。例如,假设页面获取装置11获取到该提供的目标页面A的页面信息如包括拟附加于目标页面A的呈现信息B对应的访问地址信息如src=http://tech.sina.com.cn/pdps/js/PDPS000000003145对应的JS代码如JScode1的目标页面A对应的HTML代码,则加载装置12可首先加载该HTML代码中除JScode1之外的其他HTML代码,加载完毕后,加载装置12再加载JScode1代码,实现加载目标页面A。
本领域技术人员应能理解上述加载所述目标页面的方式仅为举例,其他现有的或今后可能出现的加载所述目标页面的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
呈现获取单元13根据所述访问地址信息,获取所述呈现信息。例如,假设页面获取装置11获取到的待提供的目标页面A的页面信息中包括呈现信息B的访问地址信息的JS代码JScode1,则呈现获取单元13对该JS代码JScode1进行解析后,获得该代码中呈现信息B对应的访问地址信息http://tech.sina.com.cn/pdps/js/PDPS000000003145.jpg,则呈现获取单元13根据该访问地址信息,便可获取到该访问地址信息对应的呈现信息B对应的内容。
布局确定单元14根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息。在此,所述页面容器描述了所述呈现信息在所述目标页面中的位置信息、及所需位置区域信息。在此,所述布局信息示出所述呈现信息在所述目标页面中对应的文字、图形或表格等的设置信息,如字体、字号、颜色纸张大小和方向以及页边距等。在此,布局确定单元14确定所述布局信息的方式包括但不限于以下至少任一项:
1)根据所述呈现信息对应的呈现类型信息(如图片、文本、图文结合等),在布局引擎库中进行匹配查询,以获得与所述呈现信息相对应的布局引擎;然后,再结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述布局信息。在此,所述呈现类型信息包括但不限于以下至少任一项:1)图片;2)文字;3)图文结合;4)动画。在此,所述布局引擎包括一种用于确定所述布局信息的算法,其输入可包括但不限于如所述呈现信息的原始文字大小、边框宽度、页边距、每行呈现信息数量、每列呈现信息数量等输入参数,其输出描述了输入参数确定的布局信息。例如,接上例,呈现获取单元13获取到的呈现信息B为图文类型呈现信息,则布局确定单元14可根据呈现信息B对应的呈现类型“图文”,在布局引擎库中进行匹配查询,获得呈现信息B所对应的布局引擎为layout engine image-text;然后,布局确定单元14可结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述布局信息,如假设呈现信息B在目标页面A中所对应的页面容器为height:50px width:300px,则布局确定单元14可结合该页面容器,对布局引擎layout engine image-text确定的布局信息进行调整,得到适合在该页面容器中进行呈现的布局信息。再如,若呈现获取单元13获取到的呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为文本类型呈现信息,则布局确定单元14可根据呈现信息C对应的呈现类型“文本”,在布局引擎库中进行匹配查询,获得呈现信息C所对应的布局引擎为layout engine text,其中,布局引擎为layout engine text的输入可包括如下参数,且输入对应参数值:
则布局引擎为layout engine text根据上述参数值,得到如图2所示的布局信息;然后,布局确定单元14可结合呈现信息C在对应目标页面中所对应的页面容器,确定所述布局信息,如假设呈现信息C在对应目标页面中所对应的页面容器为height:100px width:200px,则布局确定单元14可结合该页面容器,对布局引擎layout engine image-text确定的如图2所示的布局信息进行调整,得到适合在该页面容器中进行呈现的布局信息。在此,所述布局引擎库包括呈现信息类型及其对应的布局引擎之间的对应关系,所述布局引擎库可位于用户设备1中,也可位于与用户设备1通过网络相连的其他设备中。
2)根据所述呈现信息在所述目标页面中所对应的页面容器,结合所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息,如根据所述页面容器,对所述布局设置信息进行调整,如对图片进行放缩以调整其尺寸大小、调整文字大小、调整页面边距等信息,使得所述呈现信息适合在所述页面容器中进行呈现。例如,假设页面获取装置11获取到的该呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,而呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,而呈现信息B所述用户对其的布局设置信息包括如页边距5px、显示标题、标题颜色为蓝色、字体为14、每行显示1个呈现信息、每列显示1个呈现信息,则布局确定单元14可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100px width:200px中呈现;然后,再根据页面容器height:100px width:200px,对所述呈现布局设置信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息。
本领域技术人员应能理解上述确定所述呈现信息的布局信息的方式仅为举例,其他现有的或今后可能出现的确定所述呈现信息的布局信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
优选地,当呈现信息为图片和/或Flash等多媒体呈现类型信息时,布局确定单元14该等呈现类型的呈现信息的布局信息的同时,还可加载该等多媒体呈现类型的呈现信息,并且对其进行缓存,以便呈现加载单元15将该等多媒体呈现类型的呈现信息加载于所述页面容器时,不需要再从网页服务器中加载,可直接从缓存中读取以用于加载。
呈现加载单元15根据所述布局信息,将所述呈现信息加载于所述页面容器,如将所述呈现信息渲染于所述布局信息中,实现呈现信息在素数页面容器的加载。例如,布局确定单元14确定呈现信息C的布局信息如图2所示,则呈现加载单元15在页面上对图2所示的布局信息进行元素和样式绘制后,将呈现信息C的内容“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”绘制在图2所示的布局信息中,得到如图3所示的绘制结果,实现将所述呈现信息加载于所述页面容器。
用户设备1和网络设备2的各个装置之间是持续不断工作的,具体地,网络设备2的初始获取装置21持续获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;生成装置22持续根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;页面发送装置23持续将所述页面信息发送至所述用户设备;相应地,用户设备1的页面获取装置11持续获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;加载装置12持续根据所述页面信息,加载所述目标页面;呈现获取单元13持续根据所述访问地址信息,获取所述呈现信息;布局确定单元14持续根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;呈现加载单元15根据所述布局信息,将所述呈现信息加载于所述页面容器。在此,本领域技术人员应能理解“持续”是指网络设备2和用户设备1的各个装置之间分别不断地进行初始页面信息及访问地址信息的获取、页面信息的生成与发送、页面信息的获取、目标页面的加载、呈现信息的获取、布局信息的确定与呈现信息的加载,直至网络设备2在较长时间内停止初始页面信息及访问地址信息的获取。
在一个优选实施例中,用户设备1的呈现加载单元15还包括调整单元(未示出)和文本加载单元(未示出)。具体地,调整单元调整所述呈现信息中的文本信息的分行信息;文本加载单元根据所述分行信息,将所述文本信息加载于所述页面容器。
具体地,调整单元首先以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,如一个ASCII字符为1个字节宽度,汉字为两个字节宽度,将所述呈现信息中的文本信息合并为一行;然后,根据所述页面容器的宽度信息与合并后的该行文本信息对应的宽度信息的差值,确定所述文本信息中的增删字符数量信息;接着,再根据所述增删字符数量信息,调整所述字节宽度,如根据以下公式(1)计算调整后的字节宽度:
d=页面容器的宽度信息/删除的字符对应的字节数 (1)
然后,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理,如微调补余探测,按照一个文字的单位进行探测,再将探测处理后的该行文本信息分成多行,如根据所述布局信息中确定的行数,将该行文本信息分成多行,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。例如,在此,以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(1),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则调整单元停止对合并后的该行文本信息进行探测处理,而将该行文本信息分成多行,假设布局确定单元14确定的所述布局信息中确定呈现信息C最终显示2行,则调整单元将合并成一行后的呈现信息C按照字节宽度6.7分成多行,在分行过程中,逐个减少文字,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。
本领域技术人员应能理解上述调整所述呈现信息中的文本信息的分行信息的方式仅为举例,其他现有的或今后可能出现的调整所述呈现信息中的文本信息的分行信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
文本加载单元根据所述分行信息,将所述文本信息加载于所述页面容器。例如,接上例,文本加载单元根据所述分行信息,将呈现信息C对应的文本信息加载于所述页面容器,得到如图4所示的加载后的结果。在此,本发明实现了将呈现信息对应的文本信息完美地填充在页面容器中,避免因中英文字符占据不同宽度使得现有文本信息不能充满正行的有益效果。
优选地,调整单元包括探测处理单元(未示出)和分行调整单元(未示出),具体地,探测处理单元将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理;分行调整单元将探测处理后的该行文本信息分成多行,以调整所述分行信息。
具体地,探测处理单元可通过诸如以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,如一个ASCII字符为1个字节宽度,汉字为两个字节宽度,将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理,如根据所述页面容器的宽度信息与合并后的该行文本信息对应的宽度信息的差值,确定所述文本信息中的增删字符数量信息;接着,再根据所述增删字符数量信息,根据上述公式(1)调整所述字节宽度,然后,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理,如微调补余探测,按照一个文字的单位进行探测,实现对合并后的该行文本信息进行探测处理。例如,仍以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(1),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则探测处理单元停止对合并后的该行文本信息进行探测处理。
本领域技术人员应能理解上述对合并后的该行文本信息进行探测处理的方式仅为举例,其他现有的或今后可能出现的对合并后的该行文本信息进行探测处理的分行信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
更优选地,探测处理单元首先以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,将所述呈现信息中的文本信息合并为一行;然后,根据所述页面容器的宽度信息,及合并后的该行文本信息对应的宽度信息,确定所述文本信息中的增删字符数量信息,以调整所述字节宽度;接着,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理。例如,仍以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(1),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则探测处理单元停止对合并后的该行文本信息进行探测处理。
分行调整单元将探测处理后的该行文本信息分成多行,以调整所述分行信息。例如,接上例,假设布局确定单元14确定的所述布局信息中确定呈现信息C最终显示2行,则分行调整单元将合并成一行后的呈现信息C按照字节宽度6.7分成多行,在分行过程中,逐个减少文字,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。
在另一优选实施例中,可将上述用于在目标页面中提供对应呈现信息的用户设备1,与现有的浏览器相结合,构成一种新的浏览器,现有的浏览器包括例如Microsoft公司的IE浏览器、Netscape公司的Netscape浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。
在另一优选实施例中,可将上述用于在目标页面中提供对应呈现信息的用户设备1,与现有的浏览器插件相结合,构成一种新的浏览器插件,现有的浏览器插件包括如Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等。
在另一个优选实施例中,可将上述用于在目标页面中提供对应呈现信息的网络设备2,与现有的web服务器相结合,构成一种新的web服务器,现有的web服务器包括如Apache和Microsoft的intemet信息服务器(Intemet Information Server,IIS)、Google的GoogleWeb Server等。
图5示出根据本发明一个优选实施例的用于在目标页面中提供对应呈现信息的用户设备的设备示意图,其中,用户设备1包括页面获取装置11’和加载装置12’,其中,加载装置12’还包括呈现获取单元13’、布局确定单元14’和呈现加载单元15’,其中,布局确定单元14’包括引擎确定单元141’和确定单元142’。具体地,用户设备1的页面获取装置11’获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;加载装置12’根据所述页面信息,加载所述目标页面;呈现获取单元13’根据所述访问地址信息,获取所述呈现信息;引擎确定单元141’根据所述呈现信息所对应的呈现类型信息,确定与所述呈现信息相对应的布局引擎;确定单元142’根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;呈现加载单元15’根据所述布局信息,将所述呈现信息加载于所述页面容器。在此,页面获取装置11’、加载装置12’、呈现获取单元13’和呈现加载单元15’与图1所示对应装置相同或相似,故在此处不再赘述,并通过引用的方式包含于此。
具体地,引擎确定单元141’根据所述呈现信息所对应的呈现类型信息,确定与所述呈现信息相对应的布局引擎。在此,所述呈现类型信息包括但不限于以下至少任一项:1)图片;2)文字;3)图文结合;4)动画。在此,所述布局引擎包括一种用于确定所述布局信息的算法,其输入可包括但不限于如所述呈现信息的原始文字大小、边框宽度、页边距、每行呈现信息数量、每列呈现信息数量等输入参数,其输出描述了输入参数确定的布局信息。例如,假设呈现获取单元13’获取到的呈现信息B为图文类型呈现信息,则引擎确定单元141’可根据呈现信息B对应的呈现类型“图文”,在布局引擎库中进行匹配查询,获得呈现信息B所对应的布局引擎为layout engine image-text。
接着,确定单元142’根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息。在此,确定单元142’确定所述布局信息的方式包括但不限于以下至少任一项:
1)根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息,如根据所述页面容器以及所述布局设置信息,对所述布局引擎确定的布局设置信息进行调整,如对图片进行放缩以调整其尺寸大小、调整文字大小、调整页面边距等信息,使得所述呈现信息适合在所述页面容器中进行呈现。例如,假设页面获取装置11’获取到待提供的目标页面A中拟附加的呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,而呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,而呈现信息B所述用户对其的布局设置信息包括如页边距5px、显示标题、标题颜色为蓝色、字体为14、每行显示1个呈现信息、每列显示1个呈现信息,而引擎确定单元141’确定呈现信息B所对应的布局引擎为layout engine image-text,则确定单元142’可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100px width:200px中呈现;然后,再根据页面容器height:100px width:200px,对布局引擎layout engine image-text确定的布局信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息。
2)根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及当前浏览器类型信息,确定所述呈现信息的布局信息。在此,所述浏览器类型包括但不限于以下至少任一项:i)IE内核型浏览器,如IE、GreenBrowser、傲游(Maxthon)、The World(世界之窗)等,ii)非IE内核型浏览器,如:Mozilla Firefox、腾讯TT、Opera、等。不同类型的浏览器具有不同的用于负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页渲染引擎“Rendering Engine”,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。例如,假设页面获取装置11’获取到待提供的目标页面A中拟附加的呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,呈现信息B对应的HTML代码完全依据W3C标准编写,呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,当前浏览器类型为Trident内核的IE浏览器如IE6,引擎确定单元141’确定呈现信息B所对应的布局引擎为layout engine image-text,则确定单元142’可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100px width:200px中呈现;然后,再根据页面容器height:100px width:200px,对布局引擎layout engine image-text确定的布局信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息,因老的Trident内核(比如常说的IE6内核)一直是不遵循W3C标准的,则确定单元142’还需基于当前浏览器的浏览器类型信息IE6,对根据页面容器height:100px width:200px,对布局引擎layout engine image-text确定的布局信息进行调整后的布局信息再进浏览器兼容性处理,使调整后的布局信息适合在IE6浏览器下渲染显示。
本领域技术人员应能理解上述浏览器类型信息仅为举例,其他现有的或今后可能出现的浏览器类型信息如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
图6示出根据本发明另一个方面的用户设备和网络设备配合实现用于在目标页面中提供对应呈现信息的方法流程图。
具体地,在步骤S1中,网络设备2获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;在步骤S2中,网络设备2根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;在步骤S3中,网络设备2将所述页面信息发送至所述用户设备;相应地,用户设备1获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;在步骤S4中,用户设备1根据所述页面信息,加载所述目标页面;在步骤S5中,用户设备1根据所述访问地址信息,获取所述呈现信息;在步骤S6中,用户设备1根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;在步骤S7中,用户设备1根据所述布局信息,将所述呈现信息加载于所述页面容器。
在此,所述用户设备包括用于向网页服务器如万维网(Web)服务器发送各种请求,并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放的客户端浏览程序,如浏览器,所述用户设备可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互。其中,所述浏览器包括但不限于如百度PC浏览器、百度手机浏览器等。所述用户设备可由一系列按照特定顺序组织的计算机数据和指令的集合实现。
在此,所述网络设备包括驻留于因特网上从网络接收用户设备发送的关于网页信息的请求,并响应于该请求将该请求对应的文件回复给用户设备的某种类型计算机的程序,其中,回复的文件通常包含可被用户设备解释HTML文件和/或还包含如纯文本、图像等其他类型的文件,所述网络设备包括但不限于如网页服务器、万维网服务器等,其可由网络主机、单个网络服务器、多个网络服务器集或基于云计算的计算机集合等实现。在此,云由基于云计算(Cloud Computing)的大量主机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。
本领域技术人员应能理解上述用户设备和网络设备仅为举例,其他现有的或今后可能出现的用户设备或网络设备如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。在此,网络设备包括一种能够按照事先设定或存储的指令,自动进行数值计算和信息处理的电子设备,其硬件包括但不限于微处理器、专用集成电路(ASIC)、可编程门阵列(FPGA)、数字处理器(DSP)、嵌入式设备等。
具体地,在步骤S1中,网络设备2根据接收的来自用户设备1如浏览器发送的包含目标页面URL的页面访问请求,从本地存储器,或者,通过调用第三方网页服务器提供的提供页面信息的应用程序接口(API),获取关于待提供至用户设备1的目标页面的初始页面信息;接着,在步骤S1中,网络设备2根据该初始页面信息,确定拟附加于所述目标页面的呈现信息;如将根据该初始页面信息对应的HTML源代码中包括的呈现信息作为拟附加于所述目标页面的呈现信息,或者,将与所述目标页面的页面内容相匹配的呈现信息,作为拟附加于所述目标页面的呈现信息;然后,在步骤S1中,网络设备2再根据确定的拟附加于所述目标页面的呈现信息,获取与拟附加于所述目标页面的呈现信息相对应的访问地址信息,如从本地存储器中获取所述初始页面信息对应的HTML源代码中包括的呈现信息对应的访问地址信息,或者,通过调用呈现信息所对应的第三方服务器提供的呈现信息对应的访问地址信息的应用程序接口(API),获取所述访问地址信息,或者,接收呈现信息所对应的第三方服务器反馈的所述访问地址信息。在此,所述初始页面信息包括所述目标页面对应的HTML源代码。在此,所述目标页面包括但不限于以下至少任一项:1)万维网上按照HTML格式组织起来包括文字、图形、声音和视像等信息的文件,如web页面;2)适合在移动设备上显示的网页,如wap页面,具体地如wap1页面、wap2页面等。在此,所述呈现信息包括但不限于如待显示于页面中以一定载体如链接、文本、图片、视频、动画或其组合、或其中一种或多种的组合等,用于向用户传递信息的内容;所述呈现信息可来自于任意第三方站点,例如由第三方站点提供的待呈现给用户的新闻信息、活动信息等。本领域技术人员应能理解上述目标页面和呈现信息仅为举例,其他现有的或今后可能出现的目标页面或呈现信息如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
例如,假设用户user通过在浏览器(对应于用户设备1)地址栏中输入网址http://tech.sina.com.cn/internet/(即目标页面,记为目标页面A),按Enter键,浏览器解析该页面URL,从中分解出协议名、主机名、端口、对象路径等部分,把以上部分结合本机自己的信息,封装成一个HTTP请求数据包,运用TCP协议连接至主机的指定端口,并将该已封装好的数据包发送给页面服务器(对应于网络设备2),则在步骤S1中,网络设备2通过约定的通信方式,如http或https等通信协议,便可获取到浏览器发送的关于目标页面A的页面访问请求;然后,在步骤S1中,网络设备2根据该页面访问请求,通过调用新浪网页服务器提供的提供页面信息的应用程序接口(API),便可获取目标页面A的初始页面信息;接着,在步骤S1中,网络设备2根据该初始页面信息,确定拟附加于目标页面A的呈现信息;如将根据该初始页面信息对应的HTML源代码中包括的呈现信息B如“IBM PureApplication TM System只需4小时即可部署云方案”作为拟附加于所述目标页面的呈现信息;然后,在步骤S1中,网络设备2可根据确定的拟附加于目标页面A的呈现信息B,通过调用呈现信息B所对应的第三方服务器如新浪服务器提供的呈现信息B对应的访问地址信息的应用程序接口(API),便可获取到与拟附加于目标页面A的呈现信息B相对应的访问地址信息如,src=″http://tech.sina.com.cn/pdps/js/PDPS000000003145″。
优选地,在步骤S1中,网络设备2还可首先获取关于待提供至用户设备的目标页面的初始页面信息;然后,根据所述初始页面信息的页面相关信息,获取与拟附加于所述目标页面的呈现信息相对应的访问地址信息。在此,所述页面相关信息包括但不限于以下至少任一项:1)所述目标页面的页面关键词;2)所述目标页面对应的页面站点;3)所述目标页面对应的网页属性,如meta标签属性。例如,假设用户user通过其PC设备打开页面A’“校园青春小说_图书连载_文化读书频道_新浪网”(http://vip.book.sina.com.cn/pub/cate.php?cd=serial&c=001007&dpc=1),然后点击了该页面中“热门按钮”以热门方式排序该页面中的图书信息,然后点击对应第三页中的超链接如“80后的血色浪漫:匆匆那年(全本)”(http://vip.book.sina.com.cn/book/index_53338.html,记为目标页面C),按Enter键,浏览器解析该超链接对应的页面URL,从中分解出协议名、主机名、端口、对象路径等部分,把以上部分结合本机自己的信息,封装成一个HTTP请求数据包,运用TCP协议连接至主机的指定端口,并将该已封装好的数据包发送给页面服务器(对应于网络设备2),则在步骤S1中,网络设备2通过约定的通信方式,如http或https等通信协议,便可获取到浏览器发送的关于目标页面C的页面访问请求;然后,在步骤S1中,网络设备2根据该页面访问请求,通过调用新浪网页服务器提供的提供页面信息的应用程序接口(API),便可获取目标页面A的初始页面信息;接着,在步骤S1中,网络设备2根据所述初始页面信息的页面相关信息,获取与拟附加于目标页面C的呈现信息相对应的访问地址信息,如根据目标页面C的页面关键词“青春校园言情80后”,在呈现信息库中进行匹配查询,获得与该页面关键词相匹配的呈现信息如来自呈现用户Preference-user的呈现信息B’“电影《致我们终将逝去的青春》门票团购”;然后,在步骤S1中,网络设备2可根据确定的拟附加于目标页面C的呈现信息B’,通过调用呈现信息B’所对应的第三方服务器如美团网服务器提供的呈现信息B’对应的访问地址信息的应用程序接口(API),便可获取到与拟附加于目标页面C的呈现信息B’相对应的访问地址信息如,src=″http://www.meituan.com/s/致我们终将逝去的青春/all/haidianqu″。
本领域技术人员应能理解上述确定拟附加于所述目标页面的呈现信息的方式仅为举例,其他现有的或今后可能出现的确定拟附加于所述目标页面的呈现信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
本领域技术人员应能理解上述获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息的方式仅为举例,其他现有的或今后可能出现的获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在步骤S2中,网络设备2根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,如将所述访问地址信息附加于JS代码中,且并入所述初始页面信息以形成所述页面信息,其中,所述页面信息包括所述访问地址信息。例如,假设在步骤S1中,网络设备2获取到拟附加于目标页面A的呈现信息B对应的访问地址信息如src=http://tech.sina.com.cn/pdps/js/PDPS000000003145,呈现信息B对应的媒体类型为图片格式,则在步骤S2中,网络设备2可首先将呈现信息B对应的访问地址信息src=http://tech.sina.com.cn/pdps/js/PDPS000000003145打印至一个JS全部变量中,得到如下JS代码JScode1:
<script type=″text/javascript″>
var ads=[{″img″:″http://tech.sina.com.cn/pdps/js/PDPS000000003145.jpg″}]
</script>
然后,在步骤S2中,网络设备2可将上述JS代码并入目标页面A对应的初始页面信息如目标页面A对应的HTML源代码中,如将上述JS代码并入指定的呈现信息B在目标页面A中所对应的页面容器位置处,从而形成所述页面信息。在此,呈现信息B在目标页面A中所对应的页面容器位置可由目标页面A中对应的页面容器位置脚本确定,还可由目标页面A所对应的站点所有者确定。
优选地,在步骤S2中,网络设备2还可根据所述初始页面信息及所述访问地址信息、以及所述呈现信息的呈现相关信息,生成对应的页面信息,如将所述访问地址信息及所述呈现相关信息附加于JS代码中,且并入所述初始页面信息以形成所述页面信息,其中,所述页面信息包括所述访问地址信息。在此,所述呈现相关信息用于描述所述呈现信息的当前呈现结果信息,如所述呈现信息的尺寸大小等参数信息。例如,接上例,假设在步骤S1中,网络设备2在获取与拟附加于目标页面A的呈现信息B相对应的访问地址信息时,还获取到该呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,则生成装置22可首先将呈现信息B对应的访问地址信息src=http://tech.sina.com.cn/pdps/js/PDPS000000003145及其尺寸大小打印至一个JS全部变量中,得到如下JS代码Jscode2:
然后,在步骤S2中,网络设备2可将上述JS代码并入目标页面A对应的初始页面信息如目标页面A对应的HTML源代码中,从而形成所述页面信息。
本领域技术人员应能理解上述生成对应的页面信息的方式仅为举例,其他现有的或今后可能出现的生成对应的页面信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
接着,在步骤S3中,网络设备2通过约定的通信方式,如http或https等通信协议,将所述页面信息发送至所述用户设备。
相应地,用户设备1通过约定的通信方式,如http或https等通信协议,获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息。
在步骤S4中,用户设备1根据所述页面信息,通过对所述页面信息进行诸如解析、建立所述目标页面对应的DOM树、构建渲染树来对所述目标页面进行渲染等一些列操作实现加载所述目标页面。具体地,在步骤S4中,用户设备1可首先加载所述目标页面中的非呈现信息,如首先对所述页面信息进行解析、对加载到的资源如HTML、JS、CSS等进行语法解析,建立相应的内部数据结构,如HTML的DOM树,JS的(对象)属性表,CSS的样式规则等,进而构建渲染树,对各个元素进行位置计算、样式计算等等,以根据渲染树对所述目标页面进行渲染;然后,在步骤S4中,用户设备1再渲染所述目标页面中的呈现信息,如根据呈现信息的尺寸大小信息,进行布局信息确定、元素渲染及呈现信息内容加载。例如,假设在步骤S3中,用户设备1获取到该提供的目标页面A的页面信息如包括拟附加于目标页面A的呈现信息B对应的访问地址信息如src=http://tech.sina.com.cn/pdps/js/PDPS000000003145对应的JS代码如JScode1的目标页面A对应的HTML代码,则在步骤S4中,用户设备1可首先加载该HTML代码中除JScode1之外的其他HTML代码,加载完毕后,在步骤S4中,用户设备1再加载JScode1代码,实现加载目标页面A。
本领域技术人员应能理解上述加载所述目标页面的方式仅为举例,其他现有的或今后可能出现的加载所述目标页面的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在步骤S5中,用户设备1根据所述访问地址信息,获取所述呈现信息。例如,假设在步骤S3中,用户设备1获取到的待提供的目标页面A的页面信息中包括呈现信息B的访问地址信息的JS代码JScode1,则在步骤S4中,用户设备1对该JS代码JScode1进行解析后,获得该代码中呈现信息B对应的访问地址信息http://tech.sina.com.cn/pdps/js/PDPS000000003145.jpg,则在步骤S4中,用户设备1根据该访问地址信息,便可获取到该访问地址信息对应的呈现信息B对应的内容。
在步骤S6中,用户设备1根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息。在此,所述页面容器描述了所述呈现信息在所述目标页面中的位置信息、及所需位置区域信息。在此,所述布局信息示出所述呈现信息在所述目标页面中对应的文字、图形或表格等的设置信息,如字体、字号、颜色纸张大小和方向以及页边距等。在此,在步骤S6中,用户设备1确定所述布局信息的方式包括但不限于以下至少任一项:
1)根据所述呈现信息对应的呈现类型信息(如图片、文本、图文结合等),在布局引擎库中进行匹配查询,以获得与所述呈现信息相对应的布局引擎;然后,再结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述布局信息。在此,所述呈现类型信息包括但不限于以下至少任一项:1)图片;2)文字;3)图文结合;4)动画。在此,所述布局引擎包括一种用于确定所述布局信息的算法,其输入可包括但不限于如所述呈现信息的原始文字大小、边框宽度、页边距、每行呈现信息数量、每列呈现信息数量等输入参数,其输出描述了输入参数确定的布局信息。例如,接上例,在步骤S5中,用户设备1获取到的呈现信息B为图文类型呈现信息,则在步骤S6中,用户设备1可根据呈现信息B对应的呈现类型“图文”,在布局引擎库中进行匹配查询,获得呈现信息B所对应的布局引擎为layout engine image-text;然后,在步骤S6中,用户设备1可结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述布局信息,如假设呈现信息B在目标页面A中所对应的页面容器为height:50pxwidth:300px,则在步骤S6中,用户设备1可结合该页面容器,对布局引擎layout engineimage-text确定的布局信息进行调整,得到适合在该页面容器中进行呈现的布局信息。再如,若在步骤S5中,用户设备1获取到的呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为文本类型呈现信息,则在步骤S6中,用户设备1可根据呈现信息C对应的呈现类型“文本”,在布局引擎库中进行匹配查询,获得呈现信息C所对应的布局引擎为layout engine text,其中,布局引擎为layout engine text的输入可包括如下参数,且输入对应参数值:
则布局引擎为layout engine text根据上述参数值,得到如图2所示的布局信息;然后,在步骤S6中,用户设备1可结合呈现信息C在对应目标页面中所对应的页面容器,确定所述布局信息,如假设呈现信息C在对应目标页面中所对应的页面容器为height:100pxwidth:200px,则在步骤S6中,用户设备1可结合该页面容器,对布局引擎layout engineimage-text确定的如图2所示的布局信息进行调整,得到适合在该页面容器中进行呈现的布局信息。在此,所述布局引擎库包括呈现信息类型及其对应的布局引擎之间的对应关系,所述布局引擎库可位于用户设备1中,也可位于与用户设备1通过网络相连的其他设备中。
2)根据所述呈现信息在所述目标页面中所对应的页面容器,结合所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息,如根据所述页面容器,对所述布局设置信息进行调整,如对图片进行放缩以调整其尺寸大小、调整文字大小、调整页面边距等信息,使得所述呈现信息适合在所述页面容器中进行呈现。例如,假设在步骤S1中,用户设备1获取到的该呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,而呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,而呈现信息B所述用户对其的布局设置信息包括如页边距5px、显示标题、标题颜色为蓝色、字体为14、每行显示1个呈现信息、每列显示1个呈现信息,则在步骤S6中,用户设备1可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100pxwidth:200px中呈现;然后,再根据页面容器height:100px width:200px,对所述呈现布局设置信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息。
本领域技术人员应能理解上述确定所述呈现信息的布局信息的方式仅为举例,其他现有的或今后可能出现的确定所述呈现信息的布局信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
优选地,当呈现信息为图片和/或Flash等多媒体呈现类型信息时,在步骤S6中,用户设备1该等呈现类型的呈现信息的布局信息的同时,还可加载该等多媒体呈现类型的呈现信息,并且对其进行缓存,以便在步骤S7中,用户设备1将该等多媒体呈现类型的呈现信息加载于所述页面容器时,不需要再从网页服务器中加载,可直接从缓存中读取以用于加载。
在步骤S7中,用户设备1根据所述布局信息,将所述呈现信息加载于所述页面容器,如将所述呈现信息渲染于所述布局信息中,实现呈现信息在素数页面容器的加载。例如,在步骤S6中,用户设备1确定呈现信息C的布局信息如图2所示,则在步骤S7中,用户设备1在页面上对图2所示的布局信息进行元素和样式绘制后,将呈现信息C的内容“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”绘制在图2所示的布局信息中,得到如图3所示的绘制结果,实现将所述呈现信息加载于所述页面容器。
用户设备1和网络设备2的各个步骤之间是持续不断工作的,具体地,在步骤S1中,网络设备2持续获取关于待提供至用户设备的目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息;在步骤S2中,网络设备2持续根据所述初始页面信息及所述访问地址信息,生成对应的页面信息,其中,所述页面信息包括所述访问地址信息;在步骤S3中,网络设备2持续将所述页面信息发送至所述用户设备;相应地,用户设备1持续获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;在步骤S4中,用户设备1持续根据所述页面信息,加载所述目标页面;在步骤S5中,用户设备1持续根据所述访问地址信息,获取所述呈现信息;在步骤S6中,用户设备1持续根据所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;在步骤S7中,用户设备1根据所述布局信息,将所述呈现信息加载于所述页面容器。在此,本领域技术人员应能理解“持续”是指网络设备2和用户设备1的各个步骤之间分别不断地进行初始页面信息及访问地址信息的获取、页面信息的生成与发送、页面信息的获取、目标页面的加载、呈现信息的获取、布局信息的确定与呈现信息的加载,直至网络设备2在较长时间内停止初始页面信息及访问地址信息的获取。
在一个优选实施例中,步骤S7还包括步骤S71(未示出)和步骤S72(未示出)。具体地,在步骤S71中,用户设备1调整所述呈现信息中的文本信息的分行信息;在步骤S72中,用户设备1根据所述分行信息,将所述文本信息加载于所述页面容器。
具体地,在步骤S71中,用户设备1首先以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,如一个ASCII字符为1个字节宽度,汉字为两个字节宽度,将所述呈现信息中的文本信息合并为一行;然后,根据所述页面容器的宽度信息与合并后的该行文本信息对应的宽度信息的差值,确定所述文本信息中的增删字符数量信息;接着,再根据所述增删字符数量信息,调整所述字节宽度,如根据以下公式(2)计算调整后的字节宽度:
d=页面容器的宽度信息/删除的字符对应的字节数 (2)
然后,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理,如微调补余探测,按照一个文字的单位进行探测,再将探测处理后的该行文本信息分成多行,如根据所述布局信息中确定的行数,将该行文本信息分成多行,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。例如,在此,以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(2),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则在步骤S71中,用户设备1停止对合并后的该行文本信息进行探测处理,而将该行文本信息分成多行,假设在步骤S6中,用户设备1确定的所述布局信息中确定呈现信息C最终显示2行,则在步骤S71中,用户设备1将合并成一行后的呈现信息C按照字节宽度6.7分成多行,在分行过程中,逐个减少文字,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。
本领域技术人员应能理解上述调整所述呈现信息中的文本信息的分行信息的方式仅为举例,其他现有的或今后可能出现的调整所述呈现信息中的文本信息的分行信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在步骤S72中,用户设备1根据所述分行信息,将所述文本信息加载于所述页面容器。例如,接上例,在步骤S72中,用户设备1根据所述分行信息,将呈现信息C对应的文本信息加载于所述页面容器,得到如图4所示的加载后的结果。在此,本发明实现了将呈现信息对应的文本信息完美地填充在页面容器中,避免因中英文字符占据不同宽度使得现有文本信息不能充满正行的有益效果。
优选地,步骤S72包括步骤S721(未示出)和步骤S722(未示出),具体地,在步骤S721中,用户设备1将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理;在步骤S722中,用户设备1将探测处理后的该行文本信息分成多行,以调整所述分行信息。
具体地,在步骤S721中,用户设备1可通过诸如以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,如一个ASCII字符为1个字节宽度,汉字为两个字节宽度,将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理,如根据所述页面容器的宽度信息与合并后的该行文本信息对应的宽度信息的差值,确定所述文本信息中的增删字符数量信息;接着,再根据所述增删字符数量信息,根据上述公式(2)调整所述字节宽度,然后,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理,如微调补余探测,按照一个文字的单位进行探测,实现对合并后的该行文本信息进行探测处理。例如,仍以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(1),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则在步骤S721中,用户设备1停止对合并后的该行文本信息进行探测处理。
本领域技术人员应能理解上述对合并后的该行文本信息进行探测处理的方式仅为举例,其他现有的或今后可能出现的对合并后的该行文本信息进行探测处理的分行信息的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
更优选地,在步骤S721中,用户设备1首先以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,将所述呈现信息中的文本信息合并为一行;然后,根据所述页面容器的宽度信息,及合并后的该行文本信息对应的宽度信息,确定所述文本信息中的增删字符数量信息,以调整所述字节宽度;接着,根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理。例如,仍以文本类型呈现信息C如“北京同能阳光云呼叫abcde12345北京领先的呼叫中心与云计算服务提供商”为例进行说明:假设呈现信息C中字体的字体大小为12,即为12号字体,呈现信息C中共包含27个汉字及10个ASCII字符,以呈现信息C中的文本信息的字体大小的一半作为字节宽度,将呈现信息C中的文本信息合并为一行后,该行文本信息对应的宽度信息为27*12+10*6=384,假设页面容器的宽度信息为200,则两者之间的宽度差值为384-200=184,则可删除15个汉字,或者删除30个ASCII字符,或者删除14个汉字与2个ASCII字符,等等,各种汉字数量与ASCII字符数量的组合;假设在该示例中,删除14个汉字与2个ASCII字符,则呈现信息C中的文本信息剩余13个汉字与8个ASCII字符,根据上述公式(1),可得到第一次调整后的字节宽度d’=200/(14*2+2)=6.7,此时该行文本对应的宽度信息为13*2*6.7+8*6.7=227.8,其与页面容器的宽度信息之间的宽度差值为227.8-200=27.8,以此类推,直至调整后的该行文本对应的宽度信息与页面容器的宽度信息之间的宽度差值在字节宽度不断调整过程中达到最小值,或者,满足预定阈值,接上例,页面容器的宽度信息之间的宽度差值为27.8时,此时可删除2个汉字,或者删除4个ASCII字符,假设宽度差值27.8在字节宽度不断调整过程中属于最小值,则在步骤S721中,用户设备1停止对合并后的该行文本信息进行探测处理。
在步骤S722中,用户设备1将探测处理后的该行文本信息分成多行,以调整所述分行信息。例如,接上例,假设在步骤S6中,用户设备1确定的所述布局信息中确定呈现信息C最终显示2行,则在步骤S722中,用户设备1将合并成一行后的呈现信息C按照字节宽度6.7分成多行,在分行过程中,逐个减少文字,达到所述布局信息中所确定的行数后终止,从而实现对所述文本信息的分行信息进行调整。
图7示出根据本发明一个优选实施例的用于在目标页面中提供对应呈现信息的方法流程图。
其中,该方法包括步骤S3’、步骤S4’、步骤S5’、步骤S6’和步骤S7’,其中,步骤S6’包括步骤S61’和步骤S62’。具体地,在步骤S3’中,用户设备1获取关于待提供的目标页面的页面信息,其中,所述页面信息包括与拟附加于所述目标页面的呈现信息相对应的访问地址信息;在步骤S4’中,用户设备1根据所述页面信息,加载所述目标页面;在步骤S5’中,用户设备1根据所述访问地址信息,获取所述呈现信息;在步骤S61’中,用户设备1根据所述呈现信息所对应的呈现类型信息,确定与所述呈现信息相对应的布局引擎;在步骤S62’中,用户设备1根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息;在步骤S7’中,用户设备1根据所述布局信息,将所述呈现信息加载于所述页面容器。在此,步骤S3’、步骤S4’、步骤S5’和步骤S7’与图6所示对应步骤相同或相似,故在此处不再赘述,并通过引用的方式包含于此。
具体地,在步骤S61’中,用户设备1根据所述呈现信息所对应的呈现类型信息,确定与所述呈现信息相对应的布局引擎。在此,所述呈现类型信息包括但不限于以下至少任一项:1)图片;2)文字;3)图文结合;4)动画。在此,所述布局引擎包括一种用于确定所述布局信息的算法,其输入可包括但不限于如所述呈现信息的原始文字大小、边框宽度、页边距、每行呈现信息数量、每列呈现信息数量等输入参数,其输出描述了输入参数确定的布局信息。例如,假设在步骤S5’中,用户设备1获取到的呈现信息B为图文类型呈现信息,则在步骤S61’中,用户设备1可根据呈现信息B对应的呈现类型“图文”,在布局引擎库中进行匹配查询,获得呈现信息B所对应的布局引擎为layout engine image-text。
接着,在步骤S62’中,用户设备1根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,确定所述呈现信息的布局信息。在此,在步骤S62’中,用户设备1确定所述布局信息的方式包括但不限于以下至少任一项:
1)根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息,如根据所述页面容器以及所述布局设置信息,对所述布局引擎确定的布局设置信息进行调整,如对图片进行放缩以调整其尺寸大小、调整文字大小、调整页面边距等信息,使得所述呈现信息适合在所述页面容器中进行呈现。例如,假设在步骤S3’中,用户设备1获取到待提供的目标页面A中拟附加的呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,而呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,而呈现信息B所述用户对其的布局设置信息包括如页边距5px、显示标题、标题颜色为蓝色、字体为14、每行显示1个呈现信息、每列显示1个呈现信息,而在步骤S61’中,用户设备1确定呈现信息B所对应的布局引擎为layout engine image-text,则在步骤S62’中,用户设备1可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100px width:200px中呈现;然后,再根据页面容器height:100px width:200px,对布局引擎layoutengine image-text确定的布局信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息。
2)根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及当前浏览器类型信息,确定所述呈现信息的布局信息。在此,所述浏览器类型包括但不限于以下至少任一项:i)IE内核型浏览器,如IE、GreenBrowser、傲游(Maxthon)、The World(世界之窗)等,ii)非IE内核型浏览器,如:Mozilla Firefox、腾讯TT、Opera、等。不同类型的浏览器具有不同的用于负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页渲染引擎“Rendering Engine”,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。例如,假设在步骤S3’中,用户设备1获取到待提供的目标页面A中拟附加的呈现信息B对应的尺寸大小信息如:width=″1000″height=″128″,呈现信息B对应的HTML代码完全依据W3C标准编写,呈现信息B在目标页面A中所对应的页面容器为height:100px width:200px,当前浏览器类型为Trident内核的IE浏览器如IE6,在步骤S61’中,用户设备1确定呈现信息B所对应的布局引擎为layout engine image-text,则在步骤S62’中,用户设备1可呈现信息B对应的尺寸大小进行不失真地放缩,使其适合在页面容器height:100px width:200px中呈现;然后,再根据页面容器height:100px width:200px,对布局引擎layoutengine image-text确定的布局信息进行调整,如缩小字体、减少页边距等,从而得到适合在该页面容器中进行呈现的布局信息,因老的Trident内核(比如常说的IE6内核)一直是不遵循W3C标准的,则在步骤S62’中,用户设备1还需基于当前浏览器的浏览器类型信息IE6,对根据页面容器height:100px width:200px,对布局引擎layout engine image-text确定的布局信息进行调整后的布局信息再进浏览器兼容性处理,使调整后的布局信息适合在IE6浏览器下渲染显示。
本领域技术人员应能理解上述浏览器类型信息仅为举例,其他现有的或今后可能出现的浏览器类型信息如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本发明的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本发明的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。

Claims (13)

1.一种在用户设备端用于在目标页面中提供对应呈现信息的方法,其中,该方法包括以下步骤:
a获取关于待提供的目标页面的页面信息,其中,所述页面信息是根据待提供至目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息生成的,并且所述页面信息包括所述访问地址信息;
b根据所述页面信息,加载所述目标页面;
其中,所述步骤b还包括:
b1根据所述访问地址信息,获取所述呈现信息;
b2根据所述呈现信息在所述目标页面中所对应的页面容器与所述呈现信息对应的布局引擎,确定所述呈现信息的布局信息,其中,所述布局引擎根据所述呈现信息对应的呈现类型信息来确定,所述呈现类型信息包括以下至少任一项:
图片;
文字;
视频;
动画;
b3根据所述布局信息,将所述呈现信息加载于所述页面容器。
2.根据权利要求1所述的方法,其中,所述步骤b3还包括:
b31调整所述呈现信息中的文本信息的分行信息;
-根据所述分行信息,将所述文本信息加载于所述页面容器。
3.根据权利要求2所述的方法,其中,所述步骤b31包括:
x将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理;
-将探测处理后的该行文本信息分成多行,以调整所述分行信息。
4.根据权利要求3所述的方法,其中,所述步骤x包括:
-以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,将所述呈现信息中的文本信息合并为一行;
-根据所述页面容器的宽度信息,及合并后的该行文本信息对应的宽度信息,确定所述文本信息中的增删字符数量信息,以调整所述字节宽度;
-根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理。
5.根据权利要求1所述的方法,其中,步骤b2包括:
-根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息。
6.根据权利要求1所述的方法,其中,所述步骤b2包括:
-根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及当前浏览器类型信息,确定所述呈现信息的布局信息。
7.一种用于在目标页面中提供对应呈现信息的用户设备,其中,该用户设备包括:
页面获取装置,用于获取关于待提供的目标页面的页面信息,其中,
所述页面信息是根据待提供至目标页面的初始页面信息,以及与拟附加于所述目标页面的呈现信息相对应的访问地址信息生成的,并且所述页面信息包括所述访问地址信息;
加载装置,用于根据所述页面信息,加载所述目标页面;
其中,所述加载装置还包括:
呈现获取单元,用于根据所述访问地址信息,获取所述呈现信息;
布局确定单元,用于根据所述呈现信息在所述目标页面中所对应的页面容器与所述呈现信息对应的布局引擎,确定所述呈现信息的布局信息,其中,所述布局引擎根据所述呈现信息对应的呈现类型信息来确定,所述呈现类型信息包括以下至少任一项:
图片;
文字;
视频;
动画;
呈现加载单元,用于根据所述布局信息,将所述呈现信息加载于所述页面容器。
8.根据权利要求7所述的用户设备,其中,所述呈现加载单元还包括:
调整单元,用于调整所述呈现信息中的文本信息的分行信息;
文本加载单元,用于根据所述分行信息,将所述文本信息加载于所述页面容器。
9.根据权利要求8所述的用户设备,其中,所述调整单元包括:
探测处理单元,用于将所述呈现信息中的文本信息合并为一行,以根据字节宽度对合并后的该行文本信息进行探测处理;
分行调整单元,用于将探测处理后的该行文本信息分成多行,以调整所述分行信息。
10.根据权利要求9所述的用户设备,其中,所述探测处理单元用于:
-以所述呈现信息中的文本信息的字体大小的一半作为字节宽度,将所述呈现信息中的文本信息合并为一行;
-根据所述页面容器的宽度信息,及合并后的该行文本信息对应的宽度信息,确定所述文本信息中的增删字符数量信息,以调整所述字节宽度;
-根据调整后的所述字节宽度,对合并后的该行文本信息进行探测处理。
11.根据权利要求7所述的用户设备,其中,所述布局确定单元用于:
-根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及所述呈现信息所属用户对所述呈现信息的布局设置信息,确定所述呈现信息的布局信息。
12.根据权利要求7所述的用户设备,其中,所述布局确定单元用于:
-根据所述布局引擎,结合所述呈现信息在所述目标页面中所对应的页面容器,以及当前浏览器类型信息,确定所述呈现信息的布局信息。
13.一种用于在目标页面中提供对应呈现信息的系统,包括如权利要求7至12中任一项所述的用户设备。
CN201310231194.1A 2013-06-09 2013-06-09 用于在目标页面中提供对应呈现信息的方法与设备 Active CN103336794B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310231194.1A CN103336794B (zh) 2013-06-09 2013-06-09 用于在目标页面中提供对应呈现信息的方法与设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310231194.1A CN103336794B (zh) 2013-06-09 2013-06-09 用于在目标页面中提供对应呈现信息的方法与设备

Publications (2)

Publication Number Publication Date
CN103336794A CN103336794A (zh) 2013-10-02
CN103336794B true CN103336794B (zh) 2018-07-06

Family

ID=49244959

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310231194.1A Active CN103336794B (zh) 2013-06-09 2013-06-09 用于在目标页面中提供对应呈现信息的方法与设备

Country Status (1)

Country Link
CN (1) CN103336794B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106547806B (zh) * 2015-09-23 2020-12-18 阿里巴巴集团控股有限公司 页面加载方法及装置
CN106354771A (zh) * 2016-08-22 2017-01-25 深圳市茁壮网络股份有限公司 一种应用页面显示方法及装置
CN108228284B (zh) * 2016-12-14 2021-05-28 腾讯科技(深圳)有限公司 一种窗口显示方法及终端
CN109344352B (zh) * 2018-08-09 2021-04-20 阿里巴巴(中国)有限公司 页面加载方法、装置及电子设备
CN109375971B (zh) * 2018-09-14 2020-07-31 浙江口碑网络技术有限公司 页面的布局方法及装置、存储介质、电子装置
CN110275996B (zh) * 2019-06-17 2021-03-02 北京亚鸿世纪科技发展有限公司 数据可视化开发为内容开发提供页面框架的装置及方法
CN111460345B (zh) * 2020-03-30 2021-01-22 掌阅科技股份有限公司 电子书籍加载展示方法、电子设备及存储介质
CN112115392B (zh) * 2020-08-18 2023-08-25 北京奇艺世纪科技有限公司 图像显示方法、装置、电子设备以及可读存储介质
CN113111291B (zh) * 2021-05-12 2023-03-31 杭州网易再顾科技有限公司 一种页面加载方法、装置、介质和计算设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101499099A (zh) * 2009-03-23 2009-08-05 深圳市金蝶中间件有限公司 一种web页面布局的方法及系统
CN103034690A (zh) * 2012-11-28 2013-04-10 华南理工大学 一种基于web服务的移动客户端应用程序自定制方法
CN103136201A (zh) * 2011-11-22 2013-06-05 阿里巴巴集团控股有限公司 页面信息的展示方法和装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102982135A (zh) * 2012-11-16 2013-03-20 北京百度网讯科技有限公司 一种用于提供呈现信息的方法和设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101499099A (zh) * 2009-03-23 2009-08-05 深圳市金蝶中间件有限公司 一种web页面布局的方法及系统
CN103136201A (zh) * 2011-11-22 2013-06-05 阿里巴巴集团控股有限公司 页面信息的展示方法和装置
CN103034690A (zh) * 2012-11-28 2013-04-10 华南理工大学 一种基于web服务的移动客户端应用程序自定制方法

Also Published As

Publication number Publication date
CN103336794A (zh) 2013-10-02

Similar Documents

Publication Publication Date Title
CN103336794B (zh) 用于在目标页面中提供对应呈现信息的方法与设备
US9183316B2 (en) Providing action links to share web content
US20200042560A1 (en) Automatically generating a website specific to an industry
US8332763B2 (en) Aggregating dynamic visual content
US7865544B2 (en) Method and system for providing XML-based asynchronous and interactive feeds for web applications
KR101409673B1 (ko) 지속 저장 포탈
US8055997B2 (en) System and method for implementing dynamic forms
JP5480892B2 (ja) Webページ対話に基づく広告提示
US20160283499A1 (en) Webpage advertisement interception method, device and browser
US10592737B2 (en) Mathematical formula learner support system
US20110119298A1 (en) Method and apparatus for searching information
CN103365862B (zh) 一种用于生成与页面对应的图片的方法与设备
US20160188551A1 (en) System for clipping webpages
US8775474B2 (en) Exposing common metadata in digital images
US9443014B2 (en) Custom web page themes
US20110258535A1 (en) Integrated document viewer with automatic sharing of reading-related activities across external social networks
AU2014309040B9 (en) Presenting fixed format documents in reflowed format
US20150193386A1 (en) System and Method of Facilitating Font Selection and Manipulation of Fonts
US20090006471A1 (en) Exposing Specific Metadata in Digital Images
KR20130065710A (ko) 사이트 메모리 프로세싱 및 클리핑 제어
KR20090061666A (ko) 콘텐츠 공급물 사용자 인터페이스
US20170109442A1 (en) Customizing a website string content specific to an industry
CN103136259B (zh) 一种基于内容块标识处理网页内容的方法与设备
US20090106651A1 (en) Rendering Data From A Server For Display In A Web Browser On A Client Computer
JP2019086931A (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
GR01 Patent grant
GR01 Patent grant