CN104239432A - 一种识别响应式页面的方法与装置 - Google Patents
一种识别响应式页面的方法与装置 Download PDFInfo
- Publication number
- CN104239432A CN104239432A CN201410429282.7A CN201410429282A CN104239432A CN 104239432 A CN104239432 A CN 104239432A CN 201410429282 A CN201410429282 A CN 201410429282A CN 104239432 A CN104239432 A CN 104239432A
- Authority
- CN
- China
- Prior art keywords
- page
- response type
- identified
- information
- search results
- 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
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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
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)
Abstract
本发明的目的是提供一种识别响应式页面的方法与装置。其中,本发明将待识别页面在不同宽度的浏览器窗口中进行渲染,如果各渲染后页面的相应呈现相关属性信息不同,则该待识别页面为响应式页面。本发明解决了现有技术无法识别响应式页面的问题。进一步地,由于可以识别出响应式页面,本发明还能够实现对响应式页面的特殊处理,也即无需再按默认的处理方式为移动终端提供转码处理后的页面,而可以将响应式页面直接提供给用户。因此,一方面,本发明使得网络服务器无需再进行多余的转码处理,减少了网络服务器的处理负担;另一方面,本发明在识别出响应式页面后将其直接提供给移动终端的用户,提升了用户的浏览体验。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种识别响应式页面的技术。
背景技术
当前,存在一种页面开发方案,其通过使用弹性网格和布局、图片、CSS媒介查询(Cascading Style Sheets media query,其中Cascading Style Sheets简称为CSS,CSS的中文名称为层叠样式表或级联样式表)等技术手段,使得页面可以根据用户设备的操作系统平台、用户设备的屏幕方向、用户设备中浏览器窗口的尺寸信息等因素进行相应的调整,这种页面被称为响应式页面。
例如,一响应式页面对应的URL为 http://sports.3g.cn/nba/newscontent.php?nid=541623。
图1示例性地示出该响应式页面在PC浏览器中的显示效果。
图2示例性地示出该响应式页面在手机浏览器中的显示效果。
在图1中,也即该响应式页面在PC浏览器的窗口显示的第一屏内容中,页面左侧为一则新闻,其中包含新闻标题、新闻导读以及新闻图片,页面右侧包含“频道热点”、“全网热点”这两个导航区域,页面上方还包含“门户首页”、“资讯”、“体育”、“娱乐”等多个导航链接。
由于手机浏览器的窗口宽度窄于PC浏览器的窗口宽度,在图2中,也即该响应式页面在手机浏览器的窗口显示的第一屏内容中,新闻“马刺大胜复仇热火4-1夺第5冠”的排版与其在图1所示的排版发生变化,其中新闻图片的尺寸明显小于图1中该新闻图片的尺寸。并且,图1中所示的“频道热点”、“全网热点”这两个导航区域以及“门户首页”、“资讯”、“体育”、“娱乐”等多个导航链接均未被显示在该第一 屏内容,这些内容将在该页面的下方区域显示(图2中未示出)。显然地,图2所示的页面布局更便于手机用户浏览。
通过图1与图2的对比可以看出,该响应式页面能够自动调整图片尺寸及相关脚本功能,以适应不同的用户设备;换言之,响应式页面有能力去自动响应不同的用户设备。因此,响应式页面使得一个页面能够兼容多种用户设备,开发人员无需再为每种用户设备单独做一个特定的版本。
然而,由于响应式页面的页面代码中并没有能够明确表示出该页面为响应式页面的标签信息,因此,现有技术无法基于页面代码来确定页面是否为响应式页面。
进一步地,当用户使用手机、平板电脑等移动终端浏览Web页面时,有些网络服务器,如网站服务器或专门的中转服务器,会对适于在PC上显示的Web页面进行转码处理,随后,这些网络服务器将更适于在移动终端上显示的转码页面提供给该用户。然而,响应式页面本身可以适应不同的用户设备,从而使得这些网络服务器不再需要对页面进行转码处理,并且,一般而言,转码页面的显示效果劣于响应式页面在移动终端中所显示的效果。
但由于现有技术无法识别响应式页面,上述网络服务器无法对页面进行区分处理,而仅能默认对移动终端提供转码处理后的页面。一方面,这使得上述网络服务器不得不进行多余的转码处理,增加了上述网络服务器的处理负担;另一方面,这也使得用户的浏览体验较差。
发明内容
本发明的目的是提供一种识别响应式页面的方法与装置。
根据本发明的一个方面,提供了一种识别响应式页面的方法,其中,该方法包括:
-将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,
其中,
-如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
根据本发明的另一个方面,还提供了一种识别响应式页面的方法,其中,该方法包括:
-建立一响应式页面数据库;
-查询所述响应式页面数据库,以确定与移动终端的页面获取请求相对应的页面是否属于响应式页面;
其中,
-如果所述移动终端请求访问其中不属于响应式页面的页面,向所述移动终端提供转换处理后的页面。
根据本发明的一个方面,还提供了一种识别响应式页面的装置,其中,该装置包括:
用于将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面的模块,
其中,
-如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
根据本发明的另一个方面,还提供了一种识别响应式页面的装置,其中,该装置包括:
用于建立一响应式页面数据库的模块;
用于查询所述响应式页面数据库,以确定与移动终端的页面获取请求相对应的页面是否属于响应式页面的模块;
其中,
-如果所述移动终端请求访问其中不属于响应式页面的页面,向所述移动终端提供转换处理后的页面。
根据本发明的一个方面,还提供了一种识别响应式页面的浏览器,其中,该浏览器包括如前述根据本发明的一个方面的一种识别响应式页面的装置。
根据本发明的一个方面,还提供了一种识别响应式页面的浏览器插 件,其中,该浏览器插件包括如前述根据本发明的一个方面的一种识别响应式页面的装置。
根据本发明的一个方面,还提供了一种识别响应式页面的搜索引擎,其中,该搜索引擎包括如前述根据本发明的一个方面的一种识别响应式页面的装置。
与现有技术相比,本发明将待识别页面在不同宽度的浏览器窗口中进行渲染,如果各渲染后页面的相应呈现相关属性信息不同,则该待识别页面为响应式页面。本发明解决了现有技术无法识别响应式页面的问题。进一步地,由于可以识别出响应式页面,本发明还能够实现对响应式页面的特殊处理,也即无需不做区分地为移动终端提供转码处理后的页面,而可以直接将响应式页面提供给用户。因此,一方面,本发明使得网络服务器无需再进行多余的转码处理,减少了网络服务器的处理负担;另一方面,由于响应式页面在移动终端中所显示的效果一般优于转码处理后页面的显示效果,从而本发明在识别出响应式页面后将其直接提供给移动终端的用户,提升了用户的浏览体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示例性地示出一响应式页面在台式电脑的浏览器中的显示效果。
图2示例性地示出该响应式页面在手机的浏览器中的显示效果;
图3示出根据本发明一个实施例的一种识别响应式页面的方法流程图;
图4示出根据本发明另一个实施例的一种识别响应式页面的装置示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
本发明可由网络设备来识别响应式页面。具体地,网络设备将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,其中,如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
优选地,网络设备在识别出响应式页面后,可以为所识别的响应式页面建立一响应式页面数据库,以做后续应用。
例如,当网络设备自移动终端接收到页面访问请求时,网络设备可以通过查询该响应式页面数据库来确定所请求的页面是否为响应式页面:如果是,则网络设备直接将所请求的页面返回给移动终端;如果否,则网络设备可对所请求的页面进行转换处理,如转码或获取相应的WAP(WirelessApplicationProtocol,无线应用协议)页面,并将处理后的页面返回给移动终端。
该响应式页面数据库同样可应用于搜索场景。例如,移动终端向网络设备发送搜索请求,网络设备直接或通过搜索引擎获得相应的搜索结果后,查询该响应式页面数据库来确定搜索结果中是否包括响应式页面,并向移动终端返回这些搜索结果,其中,对于属于响应式页面的搜索结果,网络设备直接将其URL返回给移动终端,对于不属于响应式页面的搜索结果,网络设备可对其进行转换处理,并将处理后页面的URL,如转码页面的URL或对应WAP页面的URL,返回给移动终端。可替代地,对于其中不属于响应式页面的搜索结果,网络设备也可先不对其进行任何处理,直接将其URL提供给用户后,在用户点击相应搜索结果来请求访问其对应页面时,网络设备再对请求访问的页面进行转换处理,并将处理后的页面返回给移动终端。不同类型的用户设备对响应式页面的需求也是不同的。例如,对于PC而言,无论其所请求的页面是否为响应式页面,网络设备均无需为其所请求的页面进行转换处理;对于移动终端而言,由于其屏幕相对PC的屏幕较小,通常适用于PC的web页面是不适合在移动终端上呈现的,从而移动终端通常需要响应式页面来适应其屏幕尺寸进行布 局调整,而当所请求的页面并非响应式页面时,网络设备对这些页面进行转换处理,也能一定程度上提升移动终端的页面浏览体验。
在此,网络设备包括但不限于网络主机、单个网络服务器、多个网络服务器集合或多个服务器构成的云。在此,云由基于云计算(Cloud Computing)的大量主机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集合组成的一个超级虚拟计算机。
进一步地,本发明中,网络设备可作为整体,或由其中部分网络主机/服务器,甚至装置于一个或多个网络主机/服务器中的特定装置,如识别装置,来识别响应式页面。
如无特别说明,本文中网络设备与识别装置等同使用。
可替代地,本发明也可由用户设备来识别响应式页面。具体地,用户设备将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,其中,如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
优选地,用户设备在识别出响应式页面后,可以为所识别的响应式页面在本地建立一响应式页面数据库,以做后续应用。可替代地,用户设备也可将其识别的响应式页面上报至网络设备,以由网络设备来建立响应式页面数据库。当由网络设备建立响应式页面数据库后,网络设备同样可对该响应式页面数据库进行上述应用,例如对移动终端的页面获取请求(如页面访问请求、搜索请求或对搜索结果的访问请求)所对应的页面,通过查询该响应式页面数据库来确定其是否属于响应式页面,进而在用户请求访问其中的非响应式页面,对相应页面进行转换处理。
移动终端也可对其本地的响应式页面数据库进行一些应用。
例如,当获取用户触发的页面访问请求时,移动终端可以通过查询该响应式页面数据库来确定所请求的页面是否为响应式页面,如果否,则移动终端可在该页面访问请求中加入相应指示信息,以向网络设备指示可对所请求的页面进行转换处理,从而网络设备在获取所请 求的页面后,对该页面进行转换处理,如转码或获取相应的WAP页面,并将处理后的页面返回给移动终端。
对于搜索场景中的搜索结果,移动终端同样可以进行类似处理。例如,对于由搜索引擎直接或间接向移动终端返回的搜索结果,移动终端可查询该响应式页面数据库来确定搜索结果中是否包括响应式页面,对于其中不属于响应式页面的搜索结果,移动终端可以在用户点击相应搜索结果来请求访问其对应页面时,同样在请求中加入相应指示信息,从而网络设备可对请求访问的页面进行转换处理,并将处理后的页面返回给移动终端。
在此,用户设备包括但不限于可与用户通过键盘、虚拟键盘、触摸板、触摸屏以及声控设备等输入设备进行人机交互的电子产品,至少包括PC和移动终端,前者应做广义理解,至少包括台式电脑和笔记本电脑,后者诸如智能手机和平板电脑等基于智能操作系统的手持便携式设备。
为简单起见,本文多以网络设备识别响应式页面来进行具体举例说明。然而,本领域技术人员应能理解,前述由用户设备来识别响应式页面的方案,以及现有其它方案或今后可能出现的方案如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
图3示出根据本发明一个实施例的一种识别响应式页面的方法流程图。
如图3所示,在步骤S1中,网络设备获取待识别页面,以对页面进行响应式页面的识别;在步骤S2中,网络设备将所述待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,其中,如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
具体地,在步骤S1中,网络设备可以通过多种方式获得待识别页面。例如,网络设备可以通过网络爬虫爬取互联网中的一个或多个页面,以将所获得的页面作为待识别页面。再如,网络设备可以通过读取页面数据库的方式,来获得待识别页面,所述页面数据库中保存 有预先存储的一个或多个页面。
在此,待识别页面不仅包含htm、html、xml等格式的页面文件,还包含页面文件自带的层叠样式表(Cascading Style Sheets,简称为CSS)以及脚本(Javascript)等信息。
接着,在步骤S2中,网络设备将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定该待识别页面是否为响应式页面。
其中,所述不同宽度的浏览器窗口可至少通过以下2种方式来实现:
1)采用同一个浏览器,该浏览器的窗口宽度是可调的。
通常的PC浏览器,其窗口宽度是可调的,因此,网络设备可以模拟PC浏览器,并调整其窗口宽度来分别对待识别页面进行渲染,并通过比较各渲染后页面的相应呈现相关属性信息来确定该待识别页面是否为响应式页面。
例如,网络设备模拟Google Chrome PC版浏览器,在全屏窗口和非全屏窗口中对待识别页面进行渲染。其中,全屏窗口的宽度例如为1024px(pixels,像素),非全屏窗口的宽度例如为400px。
2)采用不同的浏览器,这些浏览器的窗口宽度是不同的。
例如,网络设备可模拟一PC浏览器和一智能手机浏览器来对待识别页面进行渲染,并通过比较各渲染后页面的相应呈现相关属性信息,来确定该待识别页面是否为响应式页面。
在此,为获得较准确的比较参数以及识别结果,网络设备可以模拟窗口宽度较为典型的PC浏览器和智能手机浏览器,并确保两者的窗口宽度相差较大。例如,典型的PC浏览器的窗口宽度为1024px,典型的智能手机浏览器的窗口宽度为720px。
其中,PC浏览器的窗口应调整为全屏模式,从而其窗口宽度实际与PC的屏幕宽度一致。或者,PC浏览器的窗口宽度应至少调整为相对智能手机浏览器的窗口宽度足够大,以便于检测和比较渲染后页面的呈现相关属性信息。
智能手机浏览器的窗口宽度是基于其屏幕宽度来确定的,也即, 移动终端的窗口宽度与其屏幕宽度一致。例如,在屏幕分辨率为1280x720的手机中运行的浏览器,其窗口宽度为该屏幕宽度,即720px。
综上所述,网络设备应将待识别页面在至少两个不同宽度的浏览器窗口中进行渲染,以确定该待识别页面是否为响应式页面。
随后,网络设备对在各不同宽度的浏览器窗口中渲染后的页面,基于其各自相应的呈现相关属性信息来进行横向比较,以进行响应式页面的识别。
对于一待识别页面分别在多个具有不同宽度的浏览器窗口中渲染后所获得的多个渲染后页面,网络设备获得其中每个渲染后页面的呈现相关属性信息,并比较各渲染后页面的相应呈现相关属性信息,以确定该待识别页面是否为响应式页面。
其中,渲染后页面的呈现相关属性信息包括但不限于以下至少任一项:
1)渲染后页面的一页面元素的呈现。
其中,可呈现的页面元素包括但不限于:文本段落、图片、表格等。每个页面元素具有唯一的标识,网络设备可根据该标识来确定待识别页面的同一个页面元素是否在各渲染后页面中被呈现。
响应式页面在窗口宽度较小的浏览器中呈现时,可能会隐藏一个或多个页面元素,例如,隐藏较大尺寸的图片或隐藏包含许多文字的文本段落。因此,网络设备可根据待识别页面的同一个页面元素在不同宽度的浏览器窗口所对应的渲染后页面中是否被呈现,来确定该待识别页面是否为响应式页面,也即,如果待识别页面的一个页面元素在一种窗口宽度条件下被呈现,而该页面元素在另一种窗口宽度条件下被隐藏,网络设备即可判断出该待识别页面为响应式页面。
2)渲染后页面的一页面元素的位置信息。
在此,页面元素的位置信息可以页面元素的页面坐标来表征。
响应式页面在不同宽度的浏览器窗口中呈现时,可能会呈现出不同的页面布局形式。例如,在窗口宽度较大的浏览器中呈现时,响应式页面中的一图片位于窗口右侧,而在窗口宽度较小的浏览器中呈现 时,该图片位于窗口中部。再如,在窗口宽度较大的浏览器中呈现时,响应式页面中的一图片与一文字段落呈左右排列,而在窗口宽度较小的浏览器中呈现时,该图片与该文字段落呈上下排列。因此,网络设备可根据待识别页面的同一页面元素在不同宽度的浏览器窗口中渲染后的位置信息是否不同,来确定该待识别页面是否为响应式页面。
例如,待识别页面在宽度为400px的浏览器窗口中渲染后,其中一个页面元素的4个端点的坐标分别为(280,100)、(390,100)、(280,200)、(390,200),其中括号中左边数字表示横坐标,括号中右边数字表示纵坐标;而该页面在宽度为1000px的浏览器窗口中渲染后,该页面元素的4个端点的坐标分别为(380,300)、(620,300)、(380,350)、(620,350)。在这两个不同窗口宽度的浏览器所对应的渲染后页面中,该页面元素的位置信息是不同的,据此,网络设备可确定该待识别页面为响应式页面。
优选地,网络设备也可以通过确定各渲染后页面中至少两个页面元素之间的相互位置关系是否相同来判断一页面元素的位置信息是否发生变化。在这种情形下,这些相互位置关系在各渲染后页面不同的各页面元素中至少有一个页面元素的位置信息是发生了变化的。例如,在宽度较小的浏览器窗口渲染后的页面中,页面元素A与页面元素B相互邻近,在宽度较大的浏览器窗口渲染后的页面中,页面元素A与页面元素B相互远离。据此,网络设备可以确定在这两个渲染后页面中,至少页面元素A与页面元素B之一的位置信息发生了变化,从而确定该待识别页面为响应式页面。
3)渲染后页面的相关宽度信息。
在此,响应式页面在不同宽度的浏览器窗口中被渲染后,渲染后页面的相关宽度信息可能不同。其中,渲染后页面的相关宽度信息包括但不限于各种可用于表征渲染后页面和/或其中页面元素的宽度的信息,诸如渲染后页面的页面宽度信息、渲染后页面中任一页面元素的宽度信息、渲染后页面中页面元素的最大宽度信息。因此,如果在宽度较小的浏览器窗口中渲染后的页面的相关宽度信息小于在宽度 较大的浏览器窗口中渲染后的页面的相关宽度信息,则待识别页面为响应式页面。
具体地,页面的相关宽度信息包括但不限于以下至少任一项:
3.1)渲染后页面的页面宽度信息。
对于响应式页面而言,其渲染后的页面宽度始终与浏览器窗口的宽度一致,从而当浏览器窗口为全屏窗口时,渲染后的页面宽度也与屏幕宽度一致。例如,一待识别页面在窗口宽度为720px的浏览器中渲染后的页面宽度为720px,而该待识别页面在窗口宽度为1024px的浏览器中渲染后的页面宽度为1024px,网络设备则可确定该待识别页面为响应式页面。
3.2)渲染后页面的一页面元素的宽度信息。
为了适应于不同的浏览器窗口宽度,响应式页面会自适应地调整其中页面元素的宽度,以使得用户获得较好的页面浏览体验。
例如,对于一待识别页面,其中一个页面元素在窗口宽度为720px的浏览器中渲染后的宽度为340px,而该页面元素在窗口宽度为1024px的浏览器中渲染后的宽度为800px,则网络设备可确定该待识别页面为响应式页面。
3.3)渲染后页面的页面元素的最大宽度信息。
为了使用户获得较好的页面浏览体验,响应式页面会确保渲染后页面中宽度最大的页面元素的宽度不超过浏览器窗口的当前宽度。
在此,网络设备可统计各渲染后页面中每一个页面元素的宽度信息,从而确定各渲染后页面中页面元素的最大宽度信息。
例如,一待识别页面在窗口宽度为720px的浏览器中渲染后,其中,图片“nbafinal.jpg”的宽度信息为340px,文本段落“headline1”的宽度信息为380px,文本段落“headline2”的宽度信息为380px。网络设备2根据上述各页面元素的宽度信息,可以确定渲染后页面的页面元素的最大宽度信息为380px。同样地,网络设备还可获得该待识别页面在其他窗口宽度的浏览器中渲染后,其中页面元素的最大宽度信息,如800px,据此,网络设备可确定该待识别页面为响应式页面。
优选地,网络设备不仅可对各渲染后页面的相应呈现相关属性信息进行如上述各种横向比较,还可对进一步对其中一渲染后页面的特定宽度信息进行纵向比较,以确定待识别页面是否为响应式页面。例如,如果待识别页面在其中宽度较小的浏览器窗口中渲染后,该渲染后页面的页面元素的最大宽度信息小于该浏览器窗口的宽度信息,则该待识别页面为响应式页面。
例如,一待识别页面在窗口宽度为720px的浏览器中进行渲染,所获得的渲染后页面被标记为页面1;在窗口宽度为1024px的浏览器中进行渲染,所获得的渲染后页面被标记为页面2。在页面1中,一个页面元素的宽度信息为380px,在页面2中,该页面元素的宽度信息为500px,并且,页面1中页面元素的最大宽度信息为700px,小于其相应浏览器的窗口宽度720px,据此,网络设备可确定该待识别页面为响应式页面。
在此,结合待识别页面在具有较小窗口宽度的浏览器中渲染后的页面的页面元素的最大宽度信息是否小于该浏览器的窗口宽度信息,来确定待识别页面是否为响应式页面,可以更准确地识别响应式页面。
需要说明的是,尽管上述识别响应式页面的步骤被举例描述为由网络设备来执行,本领域技术人员应能理解,上述识别响应式页面的步骤同样可由用户设备来执行,例如由PC或移动终端来执行。并且,当由PC来执行时,其好处是显见的。通常,PC具有比移动终端更强的计算/处理能力,PC端的浏览器在加载页面时,即可对相应页面识别其是否为响应式页面,并将识别结果报告给网络设备,从而可由网络设备来建立响应式页面数据库,以做后续应用。
优选地,网络设备记录所识别的响应式页面的地址信息,以建立或更新响应式页面数据库。
其中,所述地址信息意指响应式页面的网络地址,如URL,具体如“http://www.sina.com”。
如果已确定待识别页面为响应式页面,网络设备则将该响应式页面的地址信息保存在响应式页面数据库中。
所述建立响应式页面数据库意指,网络设备将第一条或更多响应式页面的地址信息保存在一数据库中,该数据库即为响应式页面数据库,即响应式页面数据库被建立;所述更新响应式页面数据库意指,在响应式页面数据库建立后,网络设备将尚未保存的响应式页面的地址信息添加进该响应式页面数据库中,以及网络设备可修改/删除该响应式页面数据库中已保存的响应式页面的地址信息。
网络设备可以通过查询响应式页面数据库来更快速地识别响应式页面,从而提高计算处理的效率。也即,如果一待识别页面的地址信息存在于响应式页面数据库中,则该待识别页面为响应式页面。
在此,用户设备本地的响应式页面数据库同样可采用上述方式来建立及更新。
在一个优选的应用示例中,网络设备接收用户基于移动终端的页面访问请求,并将该页面访问请求所对应的页面作为待识别页面,以进行响应式页面的识别。
其中,页面访问请求意指,用户通过其移动终端所触发的对任意页面的访问请求。例如,用户在浏览器导航页中选择任一个链接,如“新浪网”、“新浪微博”、“百度”等,移动终端根据用户的选择向网络设备发送该链接对应的页面访问请求。
在此,所述页面访问请求中至少包含页面的地址信息以及用户代理信息(User Agent)。
网络设备可基于页面访问请求中的用户代理信息,来确定该页面访问请求是否来自于移动终端。
由于移动终端的显示屏一般小于PC的显示屏,当用户使用移动终端访问页面时,网络设备一般会对适于在PC上显示的Web页面进行转码处理,接着,将转码处理后适于在移动终端上显示的页面提供给该用户。然而,由于响应式页面本身可以适应不同的用户设备,网络设备可以将响应式页面直接提供给移动终端,而无需再进行转码处理。
据此,当接收到基于移动终端的页面访问请求,网络设备将该页 面访问请求所对应的页面作为待识别页面,以进行响应式页面的识别。
网络设备可以基于页面访问请求中的地址信息来获得待识别页面,也即,网络设备访问该地址信息,从而获得相应的待识别页面,接着,网络设备将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定该待识别页面是否为响应式页面。
可替代地,网络设备也可基于页面访问请求中的地址信息,来查询响应式页面数据库,如果该地址信息存在于响应式页面数据库中,则可确定待识别页面为响应式页面。
据此,如果页面访问请求所对应的页面为响应式页面,网络设备则将该响应式页面直接提供给用户,一方面,网络设备无需再对页面进行转换处理,提高了计算处理的效率,另一方面,响应式页面在移动终端中所显示的效果一般优于转换处理后的页面的显示效果,提升了用户的浏览体验。
如果页面访问请求所对应的页面非响应式页面,网络设备则对该页面进行转换处理,并将处理后的页面提供给用户。
在此,网络设备对页面进行转换处理的方式包括但不限于以下2种:
1)网络设备对页面进行转码处理,以将转码处理的页面提供给用户。
2)如果该页面对应有WAP页面,网络设备则将与该页面对应的WAP页面提供给用户。
其中,WAP页面一般指基于无线标记语言(Wireless Markup Language,简称为WML)设计的页面。
在另一个优选的应用示例中,网络设备接收用户基于移动终端的搜索请求,并将该搜索请求所对应的至少一个搜索结果所指向的页面作为待识别页面,以进行响应式页面的识别。
在此,所述搜索请求中包含搜索序列以及用户代理信息。
网络设备可基于搜索请求中的用户代理信息,来确定该搜索请求是否来自于移动终端。
所述搜索序列意指用户用于请求搜索的字符串,其具体包括但不限于关键词、语句以及其他字符等。例如,用户在移动终端呈现的搜索框中输入的字符串。
网络设备可基于搜索序列查询索引库,以获得至少一个搜索结果。其中,所述搜索结果包含搜索结果所指向的页面的地址信息。可替代地,网络设备可以如作为接口设备,将用户的搜索请求转发给搜索引擎,并从搜索引擎获得相应的搜索结果。
接着,网络设备将该搜索请求所对应的至少一个搜索结果所指向的页面作为待识别页面,以进行响应式页面的识别。
在此,网络设备对搜索结果所指向的页面进行响应式页面识别的方式,与前述对页面访问请求所对应的页面进行响应式页面识别的方式相同或基本相同,因此不再赘述,并以引用的方式包含于此。
如果在进行响应式页面识别的至少一个搜索结果中,部分搜索结果所各自指向的页面为响应式页面,其他部分搜索结果所各自指向的页面非响应式页面,网络设备则区分这两部分搜索结果,并将搜索请求所对应的搜索结果提供给该移动终端。
其中,对于指向非响应式页面的这部分搜索结果,网络设备可对其采取以下任一项处理方式:
1)在将搜索请求所对应的搜索结果提供给移动终端后,如果用户请求访问这部分搜索结果中的一个或多个搜索结果,网络设备对相应搜索结果所指向的页面进行转换处理,并将处理后的页面提供给该用户。
2)在将搜索请求所对应的搜索结果提供给移动终端前,网络设备可以对这部分搜索结果中的一个或多个搜索结果所对应的页面进行转换处理,并将处理后的页面作为搜索结果提供给用户。
例如,网络设备可以获取其中部分搜索结果所对应的WAP页面,并将这些WAP页面的URL替换原搜索结果来提供给用户。又如,网络设备可以对其中部分搜索结果所对应的页面做转码处理,并将所获得的转码页面的URL替换原搜索结果来提供给用户。对于一些访问流量较大的页面,通常其网站服务器或其他中转服务器会缓存这些页面的转码 页面,因此,在搜索结果中直接提供原页面的转码页面,这有时并不会增加网络设备的计算负荷。
在此,所述区分这两部分搜索结果的方式包括但不限于以下3种方式:
1)对指向的页面为响应式页面的搜索结果进行标记,而不对指向的页面非响应式页面的搜索结果进行标记。
其中,网络设备可以对指向的页面为响应式页面的搜索结果进行标记,如果用户请求访问任一个标记的搜索结果,网络设备可根据标记,直接将搜索结果所对应的响应式页面提供给用户;如果用户请求访问任一个未标记的搜索结果,网络设备可据此对搜索结果所对应的页面进行转换处理,并将处理后的页面提供给该用户。
2)对指向的页面非响应式页面的搜索结果进行标记,而不对指向的页面为响应式页面的搜索结果进行标记。
其中,网络设备可以对指向的页面非响应式页面的搜索结果进行标记,如果用户请求访问任一个标记的搜索结果,网络设备可根据标记,对搜索结果所对应的页面进行转换处理,并将处理后的页面提供给该用户;如果用户请求访问任一个未标记的搜索结果,网络设备可据此直接将搜索结果所对应的响应式页面提供给用户。
3)对这两部分搜索结果均进行标记,并采用不同的标记。
在此,网络设备可以对指向的页面为响应式页面的搜索结果进行标记,如标记其为响应式页面,同时,网络设备对指向的页面非响应式页面的搜索结果也进行标记,如标记其非响应式页面。
据此,如果用户请求访问任一个搜索结果,移动终端将向网络设备发送访问请求,从而网络设备可根据搜索结果中不同的标记来采用不同的方式向用户提供页面。也即,如果访问请求所对应的搜索结果被标记为响应式页面,网络设备将该搜索结果所指向的页面(即响应式页面)直接提供给用户;如果访问请求所对应的搜索结果被标记为非响应式页面,网络设备可对搜索结果所指向的页面进行转换处理,并将处理后的页面提供给用户。
其中,网络设备对访问请求所对应的搜索结果所指向的页面进行转换处理的方式,与前述对页面访问请求所对应的页面进行转换处理的方式相同或基本相同,因此不再赘述,并以引用的方式包含于此。
在此,上述网络设备对搜索结果的标记,可以对用户可见,如采用图形或文字形式的标记,具体如在相应搜索结果处标记“响应式页面”、“移动版本页面”、“普通页面”等;或者,这些标记也可以不呈现给用户,仅作为后台信息在网络设备与移动终端之间交换。
在上述3种标记方式中,网络设备均可对指向非响应式页面的搜索结果进行转换处理的情形。例如,如果用户请求访问指向非响应式页面的搜索结果,网络设备将默认地对搜索结果所指向的页面进行转换处理,并将处理后的页面提供给该用户。
图4示出根据本发明另一个实施例的装置示意图,示出一种识别响应式页面的装置,也即,识别装置10。如图4所示,识别装置10装置于网络设备中,并具体包括模块11和12。
具体地,模块11获取待识别页面,以对页面进行响应式页面的识别(为便于区分,以下将模块11称为获取模块11);随后,模块12将所述待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,其中,如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面(为便于区分,以下将模块12称为确定模块12)。
具体地,获取模块11可以通过多种方式获得待识别页面。例如,获取模块11可以通过网络爬虫爬取互联网中的一个或多个页面,以将所获得的页面作为待识别页面。再如,获取模块11可以通过读取页面数据库的方式,来获得待识别页面,所述页面数据库中保存有预先存储的一个或多个页面。
在此,待识别页面不仅包含htm、html、xml等格式的页面文件,还包含页面文件自带的层叠样式表(Cascading Style Sheets,简称为CSS)以及脚本(Javascript)等信息。
接着,确定模块12将待识别页面在不同宽度的浏览器窗口中进 行渲染,以确定该待识别页面是否为响应式页面。
其中,所述不同宽度的浏览器窗口可至少通过以下2种方式来实现:
1)采用同一个浏览器,该浏览器的窗口宽度是可调的。
通常的PC浏览器,其窗口宽度是可调的,因此,确定模块12可以模拟PC浏览器,并调整其窗口宽度来分别对待识别页面进行渲染,并通过比较各渲染后页面的相应呈现相关属性信息来确定该待识别页面是否为响应式页面。
例如,确定模块12模拟Google Chrome PC版浏览器,在全屏窗口和非全屏窗口中对待识别页面进行渲染。其中,全屏窗口的宽度例如为1024px(pixels,像素),非全屏窗口的宽度例如为400px。
2)采用不同的浏览器,这些浏览器的窗口宽度是不同的。
例如,确定模块12可模拟一PC浏览器和一智能手机浏览器来对待识别页面进行渲染,并通过比较各渲染后页面的相应呈现相关属性信息,来确定该待识别页面是否为响应式页面。
在此,为获得较准确的比较参数以及识别结果,确定模块12可以模拟窗口宽度较为典型的PC浏览器和智能手机浏览器,并确保两者的窗口宽度相差较大。例如,典型的PC浏览器的窗口宽度为1024px,典型的智能手机浏览器的窗口宽度为720px。
其中,PC浏览器的窗口应调整为全屏模式,从而其窗口宽度实际与PC的屏幕宽度一致。或者,PC浏览器的窗口宽度应至少调整为相对智能手机浏览器的窗口宽度足够大,以便于检测和比较渲染后页面的呈现相关属性信息。
智能手机浏览器的窗口宽度是基于其屏幕宽度来确定的,也即,移动终端的窗口宽度与其屏幕宽度一致。例如,在屏幕分辨率为1280x720的手机中运行的浏览器,其窗口宽度为该屏幕宽度,即720px。
综上所述,确定模块12应将待识别页面在至少两个不同宽度的浏览器窗口中进行渲染,以确定该待识别页面是否为响应式页面。
随后,确定模块12对在各不同宽度的浏览器窗口中渲染后的页 面,基于其各自相应的呈现相关属性信息来进行横向比较,以进行响应式页面的识别。
对于一待识别页面分别在多个具有不同宽度的浏览器窗口中渲染后所获得的多个渲染后页面,确定模块12获得其中每个渲染后页面的呈现相关属性信息,并比较各渲染后页面的相应呈现相关属性信息,以确定该待识别页面是否为响应式页面。
其中,渲染后页面的呈现相关属性信息包括但不限于以下至少任一项:
1)渲染后页面的一页面元素的呈现。
其中,可呈现的页面元素包括但不限于:文本段落、图片、表格等。每个页面元素具有唯一的标识,确定模块12可根据该标识来确定待识别页面的同一个页面元素是否在各渲染后页面中被呈现。
响应式页面在窗口宽度较小的浏览器中呈现时,可能会隐藏一个或多个页面元素,例如,隐藏较大尺寸的图片或隐藏包含许多文字的文本段落。因此,确定模块12可根据待识别页面的同一个页面元素在不同宽度的浏览器窗口所对应的渲染后页面中是否被呈现,来确定该待识别页面是否为响应式页面,也即,如果待识别页面的一个页面元素在一种窗口宽度条件下被呈现,而该页面元素在另一种窗口宽度条件下被隐藏,确定模块12即可判断出该待识别页面为响应式页面。
2)渲染后页面的一页面元素的位置信息。
在此,页面元素的位置信息可以页面元素的页面坐标来表征。
响应式页面在不同宽度的浏览器窗口中呈现时,可能会呈现出不同的页面布局形式。例如,在窗口宽度较大的浏览器中呈现时,响应式页面中的一图片位于窗口右侧,而在窗口宽度较小的浏览器中呈现时,该图片位于窗口中部。再如,在窗口宽度较大的浏览器中呈现时,响应式页面中的一图片与一文字段落呈左右排列,而在窗口宽度较小的浏览器中呈现时,该图片与该文字段落呈上下排列。因此,确定模块12可根据待识别页面的同一页面元素在不同宽度的浏览器窗口中渲染后的位置信息是否不同,来确定该待识别页面是否为响应式页面。
例如,待识别页面在宽度为400px的浏览器窗口中渲染后,其中一个页面元素的4个端点的坐标分别为(280,100)、(390,100)、(280,200)、(390,200),其中括号中左边数字表示横坐标,括号中右边数字表示纵坐标;而该页面在宽度为1000px的浏览器窗口中渲染后,该页面元素的4个端点的坐标分别为(380,300)、(620,300)、(380,350)、(620,350)。在这两个不同窗口宽度的浏览器所对应的渲染后页面中,该页面元素的位置信息是不同的,据此,确定模块12可确定该待识别页面为响应式页面。
优选地,确定模块12也可以通过确定各渲染后页面中至少两个页面元素之间的相互位置关系是否相同来判断一页面元素的位置信息是否发生变化。在这种情形下,这些相互位置关系在各渲染后页面不同的各页面元素中至少有一个页面元素的位置信息是发生了变化的。例如,在宽度较小的浏览器窗口渲染后的页面中,页面元素A与页面元素B相互邻近,在宽度较大的浏览器窗口渲染后的页面中,页面元素A与页面元素B相互远离。据此,确定模块12可以确定在这两个渲染后页面中,至少页面元素A与页面元素B之一的位置信息发生了变化,从而确定该待识别页面为响应式页面。
3)渲染后页面的相关宽度信息。
在此,响应式页面在不同宽度的浏览器窗口中被渲染后,渲染后页面的相关宽度信息可能不同。其中,渲染后页面的相关宽度信息包括但不限于各种可用于表征渲染后页面和/或其中页面元素的宽度的信息,诸如渲染后页面的页面宽度信息、渲染后页面中任一页面元素的宽度信息、渲染后页面中页面元素的最大宽度信息。因此,如果在宽度较小的浏览器窗口中渲染后的页面的相关宽度信息小于在宽度较大的浏览器窗口中渲染后的页面的相关宽度信息,则待识别页面为响应式页面。
具体地,页面的相关宽度信息包括但不限于以下至少任一项:
3.1)渲染后页面的页面宽度信息。
对于响应式页面而言,其渲染后的页面宽度始终与浏览器窗口的 宽度一致,从而当浏览器窗口为全屏窗口时,渲染后的页面宽度也与屏幕宽度一致。例如,一待识别页面在窗口宽度为720px的浏览器中渲染后的页面宽度为720px,而该待识别页面在窗口宽度为1024px的浏览器中渲染后的页面宽度为1024px,确定模块12则可确定该待识别页面为响应式页面。
3.2)渲染后页面的一页面元素的宽度信息。
为了适应于不同的浏览器窗口宽度,响应式页面会自适应地调整其中页面元素的宽度,以使得用户获得较好的页面浏览体验。
例如,对于一待识别页面,其中一个页面元素在窗口宽度为720px的浏览器中渲染后的宽度为340px,而该页面元素在窗口宽度为1024px的浏览器中渲染后的宽度为800px,则确定模块12可确定该待识别页面为响应式页面。
3.3)渲染后页面的页面元素的最大宽度信息。
为了使用户获得较好的页面浏览体验,响应式页面会确保渲染后页面中宽度最大的页面元素的宽度不超过浏览器窗口的当前宽度。
在此,确定模块12可统计各渲染后页面中每一个页面元素的宽度信息,从而确定各渲染后页面中页面元素的最大宽度信息。
例如,一待识别页面在窗口宽度为720px的浏览器中渲染后,其中,图片“nbafinal.jpg”的宽度信息为340px,文本段落“headline1”的宽度信息为380px,文本段落“headline2”的宽度信息为380px。确定模块12根据上述各页面元素的宽度信息,可以确定渲染后页面的页面元素的最大宽度信息为380px。同样地,确定模块12还可获得该待识别页面在其他窗口宽度的浏览器中渲染后,其中页面元素的最大宽度信息,如800px,据此,确定模块12可确定该待识别页面为响应式页面。
优选地,确定模块12不仅可对各渲染后页面的相应呈现相关属性信息进行如上述各种横向比较,还可对进一步对其中一渲染后页面的特定宽度信息进行纵向比较,以确定待识别页面是否为响应式页面。例如,如果待识别页面在其中宽度较小的浏览器窗口中渲染后,该渲 染后页面的页面元素的最大宽度信息小于该浏览器窗口的宽度信息,则该待识别页面为响应式页面。
例如,一待识别页面在窗口宽度为720px的浏览器中进行渲染,所获得的渲染后页面被标记为页面1;在窗口宽度为1024px的浏览器中进行渲染,所获得的渲染后页面被标记为页面2。在页面1中,一个页面元素的宽度信息为380px,在页面2中,该页面元素的宽度信息为500px,并且,页面1中页面元素的最大宽度信息为700px,小于其相应浏览器的窗口宽度720px,据此,确定模块12可确定该待识别页面为响应式页面。
在此,确定模块12结合待识别页面在具有较小窗口宽度的浏览器中渲染后的页面的页面元素的最大宽度信息是否小于该浏览器的窗口宽度信息,来确定待识别页面是否为响应式页面,可以更准确地识别响应式页面。
需要说明的是,尽管上述识别响应式页面的操作被举例描述为由网络设备中的识别装置10来执行,本领域技术人员应能理解,上述识别装置10同样可被装置于用户设备中,从而上述识别响应式页面的操作同样可由用户设备来执行,例如由PC或移动终端来执行。并且,当由PC来执行时,其好处是显见的。通常,PC具有比移动终端更强的计算/处理能力,PC端的浏览器在加载页面时,即可对相应页面识别其是否为响应式页面,并将识别结果报告给网络设备,从而可由网络设备来建立响应式页面数据库,以做后续应用。
优选地,识别装置10还包括一记录模块(图4中未示出),记录模块记录所识别的响应式页面的地址信息,以建立或更新响应式页面数据库。
其中,所述地址信息意指响应式页面的网络地址,如URL,具体如“http://www.sina.com”。
如果已确定待识别页面为响应式页面,记录模块则将该响应式页面的地址信息保存在响应式页面数据库中。
所述建立响应式页面数据库意指,记录模块将第一条或更多响应 式页面的地址信息保存在一数据库中,该数据库即为响应式页面数据库,即响应式页面数据库被建立;所述更新响应式页面数据库意指,在响应式页面数据库建立后,记录模块将尚未保存的响应式页面的地址信息添加进该响应式页面数据库中,以及记录模块可修改/删除该响应式页面数据库中已保存的响应式页面的地址信息。
在此,用户设备本地的响应式页面数据库同样可采用上述方式来建立及更新。
网络设备或网络设备中的其他特定模块可以通过查询响应式页面数据库来更快速地识别响应式页面,从而提高计算处理的效率。也即,如果一待识别页面的地址信息存在于响应式页面数据库中,则该待识别页面为响应式页面。
根据本发明的另一个实施例,其示出网络设备对响应式页面数据库的建立和应用。例如,网络设备包括建立模块(未示出)、查询模块(未示出)和提供模块(未示出);其中,建立模块建立一响应式页面数据库;查询模块查询该响应式页面数据库,以确定与移动终端的页面获取请求相对应的页面是否属于响应式页面的模块;如果移动终端请求访问其中不属于响应式页面的页面,提供模块向移动终端提供转换处理后的页面。
在此,页面获取请求包括如对任意页面的页面访问请求、搜索请求或对搜索结果的访问请求。具体如,对于移动终端对任意页面的页面访问请求,如果查询模块确定所请求访问的页面不属于响应式页面,则提供模块向移动终端提供转换处理后的页面。又如,对于移动终端的搜索请求,如果查询模块确定其部分搜索结果所指向的页面不属于响应式页面,提供模块可以对这些页面进行转换处理后,替换其原搜索结果,并提供给移动终端,或者提供模块不做处理而直接将搜索结果提供给移动终端,当接收到移动终端对这些指向非响应式页面的搜索结果的访问请求时,提供模块对相应页面进行转换处理,并将处理后的页面提供给移动终端。
优选地,当前述识别装置10装置于网络设备时,识别装置10中 的前述记录模块与此处的建立模块集成在一起。也即,网络设备通过对页面进行响应式识别来建立响应式页面数据库,进而应用该响应式页面数据库来在后续基于移动终端的页面获取请求来识别响应式页面。
在一个优选的应用示例中,识别装置10还包括第一页面提供模块(图4中未示出)。其中,获取模块11接收用户基于移动终端的页面访问请求,并将该页面访问请求所对应的页面作为待识别页面,以进行响应式页面的识别。
其中,页面访问请求意指,用户通过其移动终端所触发的对任意页面的访问请求。例如,用户在浏览器导航页中选择任一个链接,如“新浪网”、“新浪微博”、“百度”等,移动终端根据用户的选择向网络设备发送该链接对应的页面访问请求。
在此,所述页面访问请求中至少包含页面的地址信息以及用户代理信息(User Agent)。
获取模块11可基于页面访问请求中的用户代理信息,来确定该页面访问请求是否来自于移动终端。
由于移动终端的显示屏一般小于PC的显示屏,当用户使用移动终端访问页面时,网络设备一般会对适于在PC上显示的Web页面进行转码处理,接着,将转码处理后适于在移动终端上显示的页面提供给该用户。然而,由于响应式页面本身可以适应不同的用户设备,网络设备可以将响应式页面直接提供给移动终端,而无需再进行转码处理。
据此,当接收到基于移动终端的页面访问请求,获取模块11将该页面访问请求所对应的页面作为待识别页面,以进行响应式页面的识别。
获取模块11可以基于页面访问请求中的地址信息来获得待识别页面,也即,获取模块11访问该地址信息,从而获得相应的待识别页面,接着,确定模块12将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定该待识别页面是否为响应式页面。
可替代地,在响应式页面数据库建立后,确定模块12或网络设备中的其他特定模块也可基于页面访问请求中的地址信息,来查询响应式页面数据库,如果该地址信息存在于响应式页面数据库中,则可确定待识别页面为响应式页面。
据此,如果页面访问请求所对应的页面为响应式页面,网络设备的页面提供模块则将该响应式页面直接提供给用户,一方面,网络设备无需再对页面进行转换处理,提高了计算处理的效率,另一方面,响应式页面在移动终端中所显示的效果一般优于转换处理后的页面的显示效果,提升了用户的浏览体验。
如果页面访问请求所对应的页面非响应式页面,网络设备的页面提供模块则对该页面进行转换处理,并将处理后的页面提供给用户。
在此,页面提供模块对页面进行转换处理的方式包括但不限于以下2种:
1)页面提供模块对页面进行转码处理,以将转码处理的页面提供给用户。
2)如果该页面对应有WAP页面,页面提供模块则将与该页面对应的WAP页面提供给用户。
其中,WAP页面一般指基于无线标记语言(Wireless Markup Language,简称为WML)设计的页面。
在另一个优选的应用示例中,识别装置10还包括区分标记模块和第二页面提供模块(图4中未示出)。其中,获取模块11接收用户基于移动终端的搜索请求,并将该搜索请求所对应的至少一个搜索结果所指向的页面作为待识别页面,以进行响应式页面的识别。
在此,所述搜索请求中包含搜索序列以及用户代理信息。
获取模块11可基于搜索请求中的用户代理信息,来确定该搜索请求是否来自于移动终端。
所述搜索序列意指用户用于请求搜索的字符串,其具体包括但不限于关键词、语句以及其他字符等。例如,用户在移动终端呈现的搜索框中输入的字符串。
获取模块11可基于搜索序列查询索引库,以获得至少一个搜索结果。其中,所述搜索结果包含搜索结果所指向的页面的地址信息。可替代地,获取模块11可以使得网络设备如作为接口设备,将用户的搜索请求转发给搜索引擎,并从搜索引擎获得相应的搜索结果。
接着,获取模块11将该搜索请求所对应的至少一个搜索结果所指向的页面作为待识别页面,以进行响应式页面的识别。
在此,确定模块12对搜索结果所指向的页面进行响应式页面识别的方式,与前述确定模块12对页面访问请求所对应的页面进行响应式页面识别的方式相同或基本相同,因此不再赘述,并以引用的方式包含于此。
如果进行响应式页面识别的至少一个搜索结果中,部分搜索结果所各自指向的页面为响应式页面,其他部分搜索结果所各自指向的页面非响应式页面,区分标记模块则区分这两部分搜索结果,并将搜索请求所对应的搜索结果提供给该移动终端。
其中,对于指向非响应式页面的这部分搜索结果,第二页面提供模块或网络设备中的其它特定模块可对其采取以下任一项处理方式:
1)在将搜索请求所对应的搜索结果提供给移动终端后,如果用户请求访问这部分搜索结果中的一个或多个搜索结果,第二页面提供模块或网络设备中的其它特定模块对相应搜索结果所指向的页面进行转换处理,并将处理后的页面提供给该用户。
2)在将搜索请求所对应的搜索结果提供给移动终端前,第二页面提供模块或网络设备中的其它特定模块可以对这部分搜索结果中的一个或多个搜索结果所指向的页面进行转换处理,并将处理后的页面作为搜索结果提供给用户。
例如,第二页面提供模块可以获取其中部分搜索结果所对应的WAP页面,并将这些WAP页面的URL替换原搜索结果来提供给用户。又如,第二页面提供模块可以对其中部分搜索结果所对应的页面做转码处理,并将所获得的转码页面的URL替换原搜索结果来提供给用户。对于一些访问流量较大的页面,通常其网站服务器或其他中转服务器会缓存这 些页面的转码页面,因此,在搜索结果中直接提供原页面的转码页面,这有时并不会增加网络设备的计算负荷。
在此,区分标记模块区分这两部分搜索结果的方式包括但不限于以下3种方式:
1)对指向的页面为响应式页面的搜索结果进行标记,而不对指向的页面非响应式页面的搜索结果进行标记。
其中,区分标记模块可以对指向的页面为响应式页面的搜索结果进行标记,如果用户请求访问任一个标记的搜索结果,第二页面提供模块或网络设备中的其它特定模块可根据标记,直接将搜索结果所对应的响应式页面提供给用户;如果用户请求访问任一个未标记的搜索结果,第二页面提供模块或网络设备中的其它特定模块可据此对搜索结果所对应的页面进行转换处理,并将处理后的页面提供给该用户。
2)对指向的页面非响应式页面的搜索结果进行标记,而不对指向的页面为响应式页面的搜索结果进行标记。
其中,区分标记模块可以对指向的页面非响应式页面的搜索结果进行标记,如果用户请求访问任一个标记的搜索结果,第二页面提供模块或网络设备中的其它特定模块可根据标记,对搜索结果所对应的页面进行转换处理,并将处理后的页面提供给该用户;如果用户请求访问任一个未标记的搜索结果,第二页面提供模块或网络设备中的其它特定模块可据此直接将搜索结果所对应的响应式页面提供给用户。
3)对这两部分搜索结果均进行标记,并采用不同的标记。
在此,区分标记模块可以对指向的页面为响应式页面的搜索结果进行标记,如标记其为响应式页面,同时,区分标记模块对指向的页面非响应式页面的搜索结果也进行标记,如标记其非响应式页面。
据此,如果用户请求访问任一个搜索结果,移动终端将向网络设备发送访问请求,从而第二页面提供模块或网络设备中的其它特定模块可根据搜索结果中不同的标记来采用不同的方式向用户提供页面。也即,如果访问请求所对应的搜索结果被标记为响应式页面,第二页面提供模块或网络设备中的其它特定模块将该搜索结果所指向的页 面(即响应式页面)直接提供给用户;如果访问请求所对应的搜索结果被标记为非响应式页面,第二页面提供模块或网络设备中的其它特定模块可对搜索结果所指向的页面进行转换处理,并将处理后的页面提供给用户。
其中,第二页面提供模块或网络设备中的其它特定模块对访问请求所对应的搜索结果所指向的页面进行转换处理的方式,与前述第一页面提供模块对页面访问请求所对应的页面进行转换处理的方式相同或基本相同,因此不再赘述,并以引用的方式包含于此。
在此,上述区分标记模块对搜索结果的标记,可以对用户可见,如采用图形或文字形式的标记,具体如在相应搜索结果处标记“响应式页面”、“移动版本页面”、“普通页面”等;或者,这些标记也可以不呈现给用户,仅作为后台信息在网络设备与移动终端之间交换。
在上述3种标记方式中,网络设备均可对指向非响应式页面的搜索结果进行转换处理的情形。例如,如果用户请求访问指向非响应式页面的搜索结果,网络设备将默认地对搜索结果所指向的页面进行转换处理,并将处理后的页面提供给该用户。
优选地,可将上述用于识别响应式页面的识别装置10,与现有的浏览器相结合,构成一种新的浏览器,现有的浏览器包括例如百度公司的百度浏览器、Microsoft公司的IE浏览器、Netscape公司的Netscape浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。
在另一优选实施例中,可将上述用于识别响应式页面的识别装置10,通过现有的各种插件生成技术,构成一种新的浏览器插件。
在另一优选实施例中,可将上述用于识别响应式页面的识别装置10,与现有搜索引擎相结合,构成一种新的搜索引擎,现有的搜索引擎包括但不限于如Google公司的Google搜索引擎、百度公司的百度搜索引擎、微软公司的必应搜索引擎等。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本发明的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本发明的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (21)
1.一种识别响应式页面的方法,其中,该方法包括:
-将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面,
其中,
-如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
2.根据权利要求1所述的方法,其中,渲染后页面的呈现相关属性信息包括以下至少任一项:
-渲染后页面的一页面元素的呈现;
-渲染后页面的一页面元素的位置信息;
-渲染后页面的相关宽度信息。
3.根据权利要求2所述的方法,其中,渲染后页面的呈现相关属性信息包括渲染后页面的相关宽度信息;
其中,所述各渲染后页面的相应呈现相关属性信息不同具体包括在宽度较小的浏览器窗口中渲染后的页面的相关宽度信息小于在宽度较大的浏览器窗口中渲染后的页面的相关宽度信息。
4.根据权利要求2或3所述的方法,其中,所述渲染后页面的相关宽度信息包括以下至少任一项:
-渲染后页面的页面宽度信息;
-渲染后页面的一页面元素的宽度信息;
-渲染后页面的页面元素的最大宽度信息。
5.根据权利要求1至4中任一项所述的方法,其中,所述确定所述待识别页面是否为响应式页面的步骤还包括:
-如果在宽度较小的浏览器窗口中渲染后的页面的页面元素的最大宽度信息小于该浏览器窗口的宽度信息,则所述待识别页面为响应式页面。
6.根据权利要求1至5中任一项所述的方法,其中,该方法还包括:
-记录所识别的响应式页面的地址信息,以建立或更新响应式页面数据库。
7.根据权利要求1至6中任一项所述的方法,其中,该方法还包括:
-接收用户基于移动终端的页面访问请求,并将所述页面访问请求所对应的页面作为所述待识别页面,以进行响应式页面的识别;
其中,该方法还包括:
-如果所述页面访问请求所对应的页面为响应式页面,则将其直接提供给所述用户;
-如果所述页面访问请求所对应的页面非响应式页面,则对所述页面进行转换处理,并将处理后的页面提供给所述用户。
8.根据权利要求1至6中任一项所述的方法,其中,该方法还包括:
-接收用户基于移动终端的搜索请求,并将所述搜索请求所对应的至少一个搜索结果所指向的页面作为所述待识别页面,以进行响应式页面的识别;
其中,该方法还包括:
-如果所述至少一个搜索结果中,部分搜索结果所各自指向的页面为响应式页面,其他部分搜索结果所各自指向的页面非响应式页面,则区分所述部分搜索结果与所述其他部分搜索结果来将所述搜索请求所对应的搜索结果提供给所述移动终端。
9.一种识别响应式页面的方法,其中,该方法包括:
-建立一响应式页面数据库;
-查询所述响应式页面数据库,以确定与移动终端的页面获取请求相对应的页面是否属于响应式页面;
其中,
-如果所述移动终端请求访问其中不属于响应式页面的页面,向所述移动终端提供转换处理后的页面。
10.一种识别响应式页面的装置,其中,该装置包括:
用于将待识别页面在不同宽度的浏览器窗口中进行渲染,以确定所述待识别页面是否为响应式页面的模块,
其中,
-如果各渲染后页面的相应呈现相关属性信息不同,则所述待识别页面为响应式页面。
11.根据权利要求10所述的装置,其中,渲染后页面的呈现相关属性信息包括以下至少任一项:
-渲染后页面的一页面元素的呈现;
-渲染后页面的一页面元素的位置信息;
-渲染后页面的相关宽度信息。
12.根据权利要求11所述的装置,其中,渲染后页面的呈现相关属性信息包括渲染后页面的相关宽度信息;
其中,所述各渲染后页面的相应呈现相关属性信息不同具体包括在宽度较小的浏览器窗口中渲染后的页面的相关宽度信息小于在宽度较大的浏览器窗口中渲染后的页面的相关宽度信息。
13.根据权利要求11或12所述的装置,其中,所述渲染后页面的相关宽度信息包括以下至少任一项:
-渲染后页面的页面宽度信息;
-渲染后页面的一页面元素的宽度信息;
-渲染后页面的页面元素的最大宽度信息。
14.根据权利要求10至13中任一项所述的装置,其中,所述确定所述待识别页面是否为响应式页面的模块还用于:
-如果在宽度较小的浏览器窗口中渲染后的页面的页面元素的最大宽度信息小于该浏览器窗口的宽度信息,则所述待识别页面为响应式页面。
15.根据权利要求10至14中任一项所述的装置,其中,该装置还包括:
用于记录所识别的响应式页面的地址信息,以建立或更新响应式页面数据库的模块。
16.根据权利要求10至15中任一项所述的装置,其中,该装置还包括:
用于接收用户基于移动终端的页面访问请求,并将所述页面访问请求所对应的页面作为所述待识别页面,以进行响应式页面的识别的模块;
其中,该装置还包括一模块,所述模块用于:
-如果所述页面访问请求所对应的页面为响应式页面,则将其直接提供给所述用户;
-如果所述页面访问请求所对应的页面非响应式页面,则对所述页面进行转换处理,并将处理后的页面提供给所述用户。
17.根据权利要求10至15中任一项所述的装置,其中,该装置还包括:
用于接收用户基于移动终端的搜索请求,并将所述搜索请求所对应的至少一个搜索结果所指向的页面作为所述待识别页面,以进行响应式页面的识别的模块;
其中,该装置还包括一模块,所述模块用于:
-如果所述至少一个搜索结果中,部分搜索结果所各自指向的页面为响应式页面,其他部分搜索结果所各自指向的页面非响应式页面,则区分所述部分搜索结果与所述其他部分搜索结果来将所述搜索请求所对应的搜索结果提供给所述移动终端。
18.一种识别响应式页面的装置,其中,该装置包括:
用于建立一响应式页面数据库的模块;
用于查询所述响应式页面数据库,以确定与移动终端的页面获取请求相对应的页面是否属于响应式页面的模块;
其中,
-如果所述移动终端请求访问其中不属于响应式页面的页面,向所述移动终端提供转换处理后的页面。
19.一种识别响应式页面的浏览器,其中,该浏览器包括如权利要求10至17中任一项所述的识别响应式页面的装置。
20.一种识别响应式页面的浏览器插件,其中,该浏览器插件包括如权利要求10至17中任一项所述的识别响应式页面的装置。
21.一种识别响应式页面的搜索引擎,其中,该搜索引擎包括如权利要求10至15、17中任一项所述的识别响应式页面的装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410429282.7A CN104239432A (zh) | 2014-08-27 | 2014-08-27 | 一种识别响应式页面的方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410429282.7A CN104239432A (zh) | 2014-08-27 | 2014-08-27 | 一种识别响应式页面的方法与装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104239432A true CN104239432A (zh) | 2014-12-24 |
Family
ID=52227492
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410429282.7A Pending CN104239432A (zh) | 2014-08-27 | 2014-08-27 | 一种识别响应式页面的方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104239432A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107085580A (zh) * | 2016-02-16 | 2017-08-22 | 阿里巴巴集团控股有限公司 | 客户端展示页面的方法及客户端 |
CN109299414A (zh) * | 2018-09-26 | 2019-02-01 | 深圳壹账通智能科技有限公司 | 一种加载页面的方法及终端 |
CN111176648A (zh) * | 2018-11-09 | 2020-05-19 | 北京嘀嘀无限科技发展有限公司 | 免安装程序转换处理方法、装置、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102306185A (zh) * | 2011-08-30 | 2012-01-04 | 百度在线网络技术(北京)有限公司 | 一种用于识别wap网页的方法、装置和设备 |
CN103020208A (zh) * | 2012-12-06 | 2013-04-03 | 百度在线网络技术(北京)有限公司 | 一种与移动终端相适应的搜索方法及装置 |
CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
CN103500166A (zh) * | 2013-08-22 | 2014-01-08 | 合一网络技术(北京)有限公司 | 一种渐进增强的响应式网页设计方法 |
-
2014
- 2014-08-27 CN CN201410429282.7A patent/CN104239432A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102306185A (zh) * | 2011-08-30 | 2012-01-04 | 百度在线网络技术(北京)有限公司 | 一种用于识别wap网页的方法、装置和设备 |
CN103020208A (zh) * | 2012-12-06 | 2013-04-03 | 百度在线网络技术(北京)有限公司 | 一种与移动终端相适应的搜索方法及装置 |
CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
CN103500166A (zh) * | 2013-08-22 | 2014-01-08 | 合一网络技术(北京)有限公司 | 一种渐进增强的响应式网页设计方法 |
Non-Patent Citations (1)
Title |
---|
刘哇勇: "响应式网页设计简单入门", 《博客园,HTTP://WWW.CNBLOGS.COM/WAYOU/P/RESPONSIVE_DESIGN_STEP_BY_STEP.HTML》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107085580A (zh) * | 2016-02-16 | 2017-08-22 | 阿里巴巴集团控股有限公司 | 客户端展示页面的方法及客户端 |
CN109299414A (zh) * | 2018-09-26 | 2019-02-01 | 深圳壹账通智能科技有限公司 | 一种加载页面的方法及终端 |
CN111176648A (zh) * | 2018-11-09 | 2020-05-19 | 北京嘀嘀无限科技发展有限公司 | 免安装程序转换处理方法、装置、电子设备及存储介质 |
CN111176648B (zh) * | 2018-11-09 | 2024-01-05 | 北京嘀嘀无限科技发展有限公司 | 免安装程序转换处理方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN100465956C (zh) | 用于向网站添加个人化的值的系统、Web服务器和方法 | |
US20090313127A1 (en) | System and method for using contextual sections of web page content for serving advertisements in online advertising | |
CN102306174B (zh) | 一种基于网页元素与用户进行互动的方法与设备 | |
CN102411614A (zh) | 图像搜索结果的显示 | |
US8843619B2 (en) | System and method for monitoring visits to a target site | |
CN103678325A (zh) | 一种用于提供与初始页面相对应的浏览页面的方法和设备 | |
CN103546498A (zh) | 一种为移动终端提供访问网页的方法与设备 | |
WO2014107682A1 (en) | Method and apparatus for generating webpage content | |
CN103699619A (zh) | 一种用于提供搜索结果的方法及装置 | |
CN107908959A (zh) | 网站信息检测方法、装置、电子设备及存储介质 | |
KR20120088792A (ko) | 특유 콘텐츠 판정 장치, 특유 콘텐츠 판정 방법, 기록 매체, 콘텐츠 생성 장치 및 관련 콘텐츠 삽입 장치 | |
CN103577447A (zh) | 一种用于确定目标页面的页面类型信息的方法和设备 | |
CN104063112B (zh) | 一种浏览器间的交互方法、装置、系统和浏览器 | |
CN103336794A (zh) | 用于在目标页面中提供对应呈现信息的方法与设备 | |
CN103164423A (zh) | 一种用于确定渲染网页的浏览器内核类型的方法与设备 | |
CN103729439A (zh) | 一种网页预加载方法和装置 | |
CN105302461A (zh) | 一种用于在移动应用中提供目标页面的方法与设备 | |
CN106547806B (zh) | 页面加载方法及装置 | |
CN103365877A (zh) | 对网页进行转码后建立目录的方法以及服务器 | |
US11720407B2 (en) | Resource pre-fetch using age threshold | |
CN104239432A (zh) | 一种识别响应式页面的方法与装置 | |
CN104615639A (zh) | 一种用于提供图片的呈现信息的方法和设备 | |
CN106202368A (zh) | 预加载方法和装置 | |
CN102999576A (zh) | 用于确定目标页面所对应的页面描述信息的方法和设备 | |
CN104680129A (zh) | 一种为用户提供信息的方法与装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20141224 |