CN103412928A - 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 - Google Patents

Abstract

本发明提出一种在移动终端实现浏览器页面智能响应式布局的方法和装置，采用客户端重排版技术，将传统网站上所展现的内容并考虑用户体验为主的前提下将页面信息转换成与移动终端设备相适配的表现形式，合理的显示在移动设备浏览器页面中，保证网站内容的实时性。所有的数据交互只发生在移动终端和网站服务器，不加入第三方服务器的干涉，保护了用户的隐私安全。本发明所述一种在移动终端实现浏览器页面智能响应式布局的装置包含访问模块、标记模块、解析模块、存储模块、处理及显示模块。

Description

一种在移动终端实现浏览器页面智能响应式布局的方法与装置

技术领域

本发明涉及移动互联网技术领域，特别涉及一种在移动终端实现浏览器页面智能响应式布局的方法与装置。

背景技术

浏览器是一种访问互联网上资源的应用软件，信息资源通常以超文本格式存放在网络服务器上，浏览器通过一定格式的网址（例如URL）访问网络服务器，将所需要的资源翻译成网页，网页可以包含图形、音频、视频还有文本。随着移动通信技术的发展，人们越来越频繁使用手机等移动嵌入式设备访问互联网获取信息资源，以便随时随地获取所要资讯。开发手机等移动终端的访问网络技术具有重要的现实意义和广阔的市场前景。

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。现有的主流移动设备的浏览器都在这一方向上进行过一些尝试。微软公司在其早期的Windows Mobile系统中的IE Mobile系列浏览器，使用的策略是将网页中的所有元素纵向排列，以此来方便用户的阅读。谷歌在其Android系统的浏览器中，采用了文字自动换行技术，即在网页缩放时，重新对网页中的文字段落进行重排版，让文字根据当前缩放比例和屏幕的关系自动换行，保证在用户阅读时，不需要对网页进行左右滚屏操作。苹果和微软公司在系统的浏览器中，采取了Text Scaling技术，通过在网页首次渲染的时候对网页不同容器中的字体进行调整，保证容器被缩放到屏幕正中时，容器中的文字大小适合用户阅读并且不需要左右滚屏，这一技术成功避免了每次缩放都对网页进行重排版。但是这种技术最大的缺点就是仅仅提升了网页中的大段文字在移动设备上的阅读体验，而对于更多的网页元素如图片或视频，就无能为力了。并且，这些技术上破坏了网页的布局，容易造成网页的排版混乱，或者内容重叠或者大块空白等问题。另一个研究方向则是引入服务器端重排版技术，该技术是以服务器缓存加速技术，通过在服务器对网页进行重新排版，使得网页的字体和宽度使用移动设备较低的分辨率，并通过缓存重排后的网页，减少了和网站请求服务器的次数。由于移动设备的多样性，不同的设备有着不同的分辨率，导致在服务器端重排的网页，对用户的设备屏幕的适配都未能达到最优化。而且服务器重排技术也需要投入大量的服务器资源，成本较高。由于需要缓存重排后的网页，因此对于一些实时性要求很高的网页，处理的会比较滞后，丧失了网站本来实时刷新的特点。对于一些涉及到用户隐私的网站（如电子商务），由于服务器重排技术要求客户端的建立和重排缓存服务器的连接，因此用户的隐私内容都需要保存到重排缓存服务器中，增加隐私泄漏的风险。

发明内容

本发明针对现有技术存在的问题，提出一种在移动终端实现浏览器页面智能响应式布局的方法和装置，采用客户端重排版技术，将传统网站上所展现的内容并考虑用户体验为主的前提下合理的显示在移动设备浏览器页面中，并保证网站内容的实时性，而且所有的数据交互只发生在移动终端和internet互联网的网站服务器，不加入第三方服务器的干涉，保护了用户的隐私安全。

本发明的技术方案：

一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，在移动终端采用客户端重排版技术，数据的交互只发生在所述移动终端客户端和internet互联网之间，所述方法包括以下步骤：

步骤一，根据所述移动终端访问互联网后传递过来的网页页面数据，判断是否为移动终端设备客户端，若是移动设备客户端，则按照特定规则获取所访问的网站的代码和布局样式；

步骤二，根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站的代码结构进行标记，将标记后的网页信息存储至所述移动终端客户端；

步骤三，根据所述移动终端设备的显示特性，解析所存储的网站页面信息，分析重排方式，对所述网站页面进行重新排版，在所述移动终端设备屏幕中创建并显示适配处理后的新的网页布局。

所述步骤一中，所述特定规则是指识别此网站是否为html代码的规则，若是html代码，则提取html代码和css样式。

所述步骤三中，所述分析重排方式是指分析标记后的网站信息与所述移动终端的匹配度。

所述步骤三中，所述解析网站页面信息包括html语法分析，页面元素提取，css语法解析的操作。

所述步骤三中，所述适配处理是指为了提升用户的移动浏览体验,使得同一个网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局；所述适配处理包括：

根据所述移动终端的设备参数信息对文档进行页面重新排版；

根据所述移动终端的设备参数信息对图片进行显示大小等缩比调整；

根据所述移动终端的设备参数信息对视频格式做调整，转换为所述移动设备浏览器可支持的文件格式，再结合屏幕大小自动调整布局。

所述步骤三中，所述解析网站页面信息还包括对实时更新的网站信息进行实时解析，具体为当所述移动终端的浏览器成功链接internet互联网之后，所述移动终端对所接收到的实时更新的网站信息同样釆用了客户端重排版技术，所述移动终端实时显示所述网站页面信息。

所述方法还包含过滤掉所述网页的无关元素的步骤。

所述移动终端包括如下主流智能移动设备：iPhone系列、安卓、Windows Phone、黑莓、塞班，或屏幕大小为3寸至6寸之间不等的移动终端。

一种在移动终端实现浏览器页面智能响应式布局的装置，其特征在于，包括访问模块、标记模块、解析模块、存储模块、处理及显示模块，其中

访问模块，连接所述移动终端的浏览器和所述存储模块，用于接收所述移动终端浏览器成功链接internet互联网后传递过来的网页页面数据，根据所述移动终端访问互联网后传递过来的网页页面数据，判断是否为所述移动终端客户端，按照特定规则获取所访问的网站的代码和布局样式；

标记模块，连接访问模块和存储模块，用于根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站进行标记；

存储模块，连接标记模块和解析模块，用于存储所述标记模块标记后的网站页面信息和所述移动终端的用户在访问网站过程中的交互记录；

解析模块，连接存储模块和数据处理模块，用于根据所述移动终端的显示特性，解析所述存储模块中的页面信息，将解析后的页面信息传递至所述处理及显示模块；

处理及显示模块，连接解析模块，用于接收所述解析模块传来的解析后的页面信息，对所述解析后的页面信息进行重新排版；用于在所述移动终端屏幕中创建并显示适配处理后的新的网页布局。

所述处理及显示模块还包括过滤模块，用于过滤掉所述网页中无关元素。

本发明的技术效果：

本发明提出的在移动终端实现浏览器页面智能响应式布局的实现方法与系统和装置，能够与多种类型的移动终端浏览器相配合工作，自动探测屏幕宽度，加载相应的css文件，对网络服务器上的网页主体结构进行合理的制定、调整、过滤、重排，从网页整体布局脉络上进行智能自适应调整显示，将互联网上的丰富资源结合用户个性需求布局迁移到移动终端自带的浏览器页面中，以达到针对不同类型的移动终端设备属性进行自适应适配的技术效果，既能够实现通用性，还可以在保障网站内容相对完整性的同时，为移动终端用户提供一种互联网实时性访问体验。

1.本发明所述一种在移动终端实现浏览器页面智能响应式布局的方法与装置采用完全的移动终端客户端重排技术，通过与多种类型的移动终端浏览器相配合工作，对网站进行重新排版，将页面信息转换成与移动终端设备相适配的表现形式，呈现了将互联网的丰富资源结合用户个性需求布局迁移到移动终端设备自带的浏览器页面中的技术效果。

2.通过在移动终端客户端对网站网页内容的重新排版，可以过滤掉原网站中很多不必要的内容（例如广告），提高访问速度，节省网络带宽。

3.服务器重排版技术常常涉及到用户隐私的问题，本发明所述一种在移动终端实现浏览器页面智能响应式布局的方法与装置采用完全的移动终端客户端重排版技术，所有的数据交互只发生在所述智能响应式布局装置所在的移动终端客户端和internet互联网网站服务器之间，不加入任何第三方服务器的干涉，既能够保护移动终端用户的隐私安全，又提高了所述智能响应式布局装置的可维护性。

4.移动终端设备浏览器成功链接网络服务器后，所接收到实时返回的网站信息，同样运用了本发明所述的所述智能响应式布局装置移动终端客户端重排版技术，保证了网页在用户移动设备中的内容得到实时性展现。

附图说明

图1是本发明与移动终端设备及internet互联网的结构关系示意图。

图2是本发明一种在移动终端实现浏览器页面智能响应式布局的方法流程图。

图3是本发明一种在移动终端实现浏览器页面智能响应式布局的装置逻辑结构框图。

具体实施方式

响应式布局简言之就是一个网站能够兼容多个终端—而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。本发明提出一种在移动终端实现浏览器页面智能响应式布局的装置，该发明能够与多种类型的移动终端浏览器相配合工作，将互联网上的丰富资源结合用户个性需求布局迁移到移动终端自带的浏览器页面中，以达到针对不同类型的移动终端设备属性在所述智能响应式布局系统移动终端客户端和internet互联网之间进行自适应适配的技术效果。

图1本发明与移动终端设备及internet互联网的结构关系示意图。如图1所示，移动终端设备对内承载有移动终端设备自带的浏览器（当然也可以是后加载的浏览器）和本发明所述移动终端内部加载的智能响应式布局装置，对外与internet互联网进行网络链接。所述移动终端通过系统接口与所述浏览器之间在移动终端设备内部进行通信。移动终端设备的浏览器首先通过通讯协议获取网络服务器的网页数据（通讯协议可以是HTTP协议等），所述在移动终端实现浏览器页面智能响应式布局的装置将所述移动终端设备浏览器接收到的网页数据进行解析，将从internet互联网上原始接收到的网页数据进行重新布局展现。

图2是本发明一种在移动终端实现浏览器页面智能响应式布局的方法流程图。如图所示，本发明所述一种在移动终端实现浏览器页面智能响应式布局的方法包含以下步骤：

步骤一，根据所述移动终端设备访问互联网后传递过来的网页页面数据，判断是否为移动设备客户端，按照特定规则获取所访问的网站的代码和布局样式；

移动终端设备用户通过移动终端设备访问internet互联网时，首先打开移动终端设备上的浏览器，在浏览器中输入需要访问的网址。浏览器有很多版本，例如google、firefox、ie、safari、opar。那么对于移动终端设备而言，苹果自带浏览器是safari浏览器，而安卓系统的机器自带的浏览器一般是uc浏览器，当然也可以下载其他浏览器置于移动终端设备中。开启的浏览器通过网络传输协议（例如HTTP协议）向internet互联网提交链接请求，成功链接至internet之后，智能响应式布局移动终端一方面利用前端脚本技术按照特定规则获取网站代码和样式，所述特定规则是指首先识别此网站是否为html代码，若是html代码，则提取html和css；所述网站的代码是指html代码。智能响应式布局移动终端另一方面监测打开网页信息的浏览器版本，判断发出internet互联网链接请求的终端是否为移动设备的客户端，还是普通的PC终端。若判断是普通的PC终端，智能响应式布局移动终端正常显示原始网站信息，智能响应式布局移动终端内部加载的智能响应式布局装置不响应；若判断是移动设备的客户端，启动移动终端内部加载的智能响应式布局移动装置。

步骤二，根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站的代码结构进行标记，将标记后的网页信息存储至所述移动终端客户端。

经判断，得到发出internet链接请求的终端为移动设备客户端这一结论后，根据移动终端设备（例如苹果、安卓、Windows Phone、黑莓、塞班等）的参数信息（例如移动终端设备屏幕大小、色彩度、设备应用配置等）对网站进行标记，将标记后的网站信息存储至终端设备的客户端，分析重排方式，解析css样式表对象，然后通过正则表达式获取需要的值。

所述网站标记是指前端技术对网站html代码结构进行一种技术上的标记，包括

获取一个网站某一个显示模块的结构，判断其宽度和高度取值计算并且计算对应在不同移动设备浏览器中应该如何变化自身宽度，使自己完美展现在移动设备中。

获知网站某一个显示模块内部有多少元素，标记元素，为后期做判断等操作做准备。

获知网站某一个显示模块，例如希望某一个位置的图片可以在不同移动设备大小不同的时候以不同尺寸进行切换，那么就标记一种方式来进行。

步骤三，根据所述移动终端设备的显示特性，解析所存储的网站页面信息，分析重排方式，对所述网站页面进行重新排版，在所述移动终端设备屏幕中创建并显示适配处理后的新的网页布局。

所述分析重排方式是指分析标记后的网站信息与移动终端的匹配度。具体地，访问成功后技术回调分析响应中的css方法，网站按照特定规则（有时需要结合W3C规范）获取网站代码和样式，页面加载顺序为由上至下，即先加载css文件再加载html等标签结构。

所述解析网站页面信息包括html语法分析，页面元素提取，css语法解析的操作。所述适配处理包括：根据所述移动终端的设备参数信息对文档进行页面重新排版；根据所述移动终端的设备参数信息对图片进行显示大小等缩比调整；根据所述移动终端的设备参数信息对视频格式做调整，转换为所述移动设备浏览器可支持的文件格式，再结合屏幕大小自动调整布局。网站初始化时加载DOM内容，将html文档进行css（Cascading Style Sheet，样式表对象）解析，然后通过正则表达式获取需要的值并监测。文档对象模型（Document ObjectModel，简称DOM），是指万维网联盟（W3C）组织推荐的处理可扩展置标语言的标准编程接口，能够以一种独立于平台和语言的方式访问和修改一个文档的内容和结构，用于表示和处理一个html或xml文档。

为了能够更好的兼容移动设备浏览器，开发人员还制定了一些有关后期页面制作的自定义规则。例如使用时必须将css文件中代码压缩（去掉空白和注释）后再使用，便于脚本查找css；对于不支持flash的移动终端（例如苹果系统不支持flash），为了能够更好的兼容，规定使用移动设备浏览器中支持视频播放的标签来进行制作网站，比如html5技术中的video标签，需要使用html5中的video标签，将视频文件格式转化为mp4或ogg，再结合移动终端屏幕大小自动调整布局；如希望在移动设备的浏览器中使用指定的图片显示（这种指定的图片可以是手机游戏广告），需在img标签上添加mobile标记，此标记是为了用户可以清晰浏览图片而制定的。例如网站运营商针对手机设置一个尺寸的图，针对平板电脑设置一个尺寸的图，那么会根据移动设备的不同显示不同尺寸的图片。如果没有使用mobile标签将使用默认的图片显示。

所述智能响应式布局移动终端浏览器客户端按如下顺序加载显示html网页信息：

IE下载的顺序为从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。

在渲染到网站页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。

如果遇到语义解释性的标签嵌入文件（js脚本，css样式），那么此时IE的下载过程会启用单独连接进行下载。

下载后进行解析，解析过程中，停止页面所有往下元素的下载。

样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。

js、css中如有重定义，后定义函数将覆盖前定义函数。

本发明为了支持多种样式的网页信息，预先设定了多种布局样式，当浏览器接收到与布局样式不同的页面信息时，实时响应加载于所述移动终端内部的智能响应式布局装置；当浏览器接收到与布局样式相同的页面信息时，自动依照预先设定的布局样式适配显示。

本发明选用css3中的Media Query（媒介查询）工具，它可以通过不同的媒体类型和条件定义样式表规则。Media Query（媒体查询）使得css能够更精确作用于不同的媒体类型和同一媒体的不同条件，本发明运用Media Query来获取多种移动终端设备的参数信息和语法结构信息，例如：

设备的宽和高device-width，device-heigth显示屏幕/触觉设备

渲染窗口的宽和高width，heigth显示屏幕/触觉设备。

设备的手持方向，横向还是竖向orientation（portrait|lanscape）。

画面比例aspect-ratio。

设备比例device-aspect-ratio。

对象颜色或颜色列表color，color-index显示屏幕。

设备的分辨率resolution。

根据智能响应式布局移动终端设备的显示特性，解析网站页面信息，对网页进行重新排版并确保内容完整性和实时性。获得到不同分辨率的大小然后创建新的css样式表加载到网站内，在所述移动终端设备屏幕中创建出适配处理后的新的网页布局。同时，可以有效的过滤掉网页中无关的元素，例如广告，提高网页加载速度。智能创建出合理的样式布局，使网站具有弹性性质。

例如本发明所述智能响应式布局方法与装置首先定义原始网站信息在标准浏览器下的移动终端固定显示宽度，然后监测浏览器的尺寸变化，当浏览器的分辨率小于所定义的固定宽度对应的分辨率的时候，则通过智能响应式布局系统预设的样式表来将页面的宽度设置为百分比显示，这样移动终端设备上页面的结构元素就会根据浏览器的支持的尺寸进行适应性调整。同理，当浏览器的可视区域改变到某个值（假定为650px）的时候，移动终端设备页面的结构元素根据本发明所述智能响应式布局装置预设的样式表来进行相对应的调整。实现不同分辨率不同大小的情况下，合理显示网站内容。通常不同种类的移动终端设备自带的浏览器类型不同，或是类型相同版本不同，本发明所述的一种在移动终端实现浏览器页面智能响应式布局的方法能够与多种类型的移动终端浏览器相配合工作，不仅适配所有主流智能移动设备：例如苹果、安卓、Windows Phone、黑莓、塞班等，更适配从3寸到6寸大小不等的移动屏幕。依据各种类型的移动终端设备的特性来处理，以达到针对不同类型的移动设备属性进行适配，实现通用性。所述移动终端浏览器成功链接网络服务器后，所接收到实时返回的网站信息，同样运用了本发明所述一种在移动终端实现浏览器页面智能响应式布局的方法与装置采用的完全的移动终端客户端重排版技术，保证了网站在用户移动设备中内容实时性。

通过在所述移动终端客户端对网站网页内容重新排版，不仅可以将页面信息转换适配成所述移动终端设备支持的版式，提升了用户体验，还实现了将互联网的丰富资源结合用户个性需求布局迁移到移动终端自带的浏览器页面中的技术效果，同时可以过滤掉原网站中很多不必要的内容（例如广告），提高访问速度，节省网络带宽。

图3是本发明一种在移动终端实现浏览器页面智能响应式布局的装置逻辑结构框图。

如图3所示，本发明所述一种在移动终端实现浏览器页面智能响应式布局的装置包含有访问模块，标记模块，存储模块，解析模块，处理及显示模块。

访问模块，连接所述移动终端的浏览器和所述存储模块，用于接收所述移动终端设备浏览器成功链接internet互联网后传递过来的网页页面数据，根据所述移动终端访问互联网后传递过来的网页页面数据，判断是否为所述移动终端客户端，按照特定规则获取所访问的网站的代码和布局样式；用于根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站进行标记，将标记后的网站页面信息存储至所述存储模块，分析重排方式；

标记模块，连接访问模块和存储模块，用于根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站进行标记；

存储模块，连接访问模块和解析模块，用于存储所述访问模块标记后的网站页面信息和所述移动终端的用户在访问各种网站过程中的交互记录；

解析模块，连接存储模块和数据处理模块，用于根据所述移动终端的显示特性，解析所述存储模块中的页面信息，将解析后的页面信息传递至所述处理及显示模块；

处理及显示模块，连接解析模块，用于接收所述解析模块传来的解析后的网站页面信息，对所述解析后的网站页面信息进行重新排版；用于在所述移动终端屏幕中创建并显示适配处理后的新的网页布局。

所述特定规则是指判定此网站是否为html代码的识别规则，若是html代码，则提取html和css；所述网站的代码是指html代码。

所述分析重排方式是指分析标记后的网站信息与移动终端的匹配度；

所述解析网站页面信息包括html语法分析，页面元素提取，css语法解析等操作；

所述适配处理是指为了提升用户的移动浏览体验,使得同一个网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。运用本发明所述的一种在移动终端实现浏览器页面智能响应式布局的方法，开发者只需要维护一套代码，就可以根据用户所持移动设备的参数不同使移动终端屏幕自动呈现不同的显示效果，达到“一次设计，普遍适用”。

所述处理及显示模块包括：

根据所述移动终端设备的设备参数信息对文档进行页面重排版的模块；

根据所述移动终端设备的设备参数信息对所述图片显示大小进行等缩比调整的模块；

根据所述移动终端的设备参数信息对视频格式做调整，转换为所述移动设备浏览器可支持的文件格式，再结合屏幕大小自动调整布局的模块。

例如，对于文字，计算文字的长度，若超过屏幕的长度，文字超过屏幕可显示范围，则自适应屏幕大小，做分行处理；若文字长度没有超过屏幕长度，则依据屏幕尺寸直接显示；例如，若手机终端设备的屏幕大小仅为172*208，而图片尺寸远超过手机屏幕尺寸，此时根据屏幕尺寸进行按比例缩放；如果页面大小超过了手机可用缓存大小，则自动将页面进行分段。对于图片，数据处理模块依据移动设备屏幕大小等比缩放处理，决定是否居中展现。

所述处理及显示模块还可以过滤掉所述网页中无关元素，例如广告等。

处理及显示模块可以处理的常用的办公文件包括DOC、PDF、XLS、PPT、EML等，可以处理的常用的压缩文件包括ZIP、RAR等。

处理及显示模块，用于将internet互联网上的网站内容尽可能有效合理地显示在移动终端的屏幕上；用于将标记后的网页信息和存储至所述移动终端设备的客户端；用于存储所述移动终端设备浏览器频繁访问的网站信息；所述存储模块可以存储文本，标签，图片，视频，flash标签等。所述处理及显示模块可以显示的元素包括：文本，图片，视频，控件。为了能够全面展现网页内容，优选地，所述处理及显示模块将移动终端屏幕划分为标题栏区域，工作区域和状态栏区域。标题栏区域用来展现网页的基本信息，例如页面的标题和时间等；工作区域用来展现网页的内容，如果网页内容超过工作区域的高度，需要滚动条，支持滚动显示；状态栏区域用来显示各种状态信息，例如系统软件加载的进度或是网页刷新进度。本发明所述移动终端设备浏览器成功链接internet互联网后，针对所接收到实时返回的网页信息本发明同样采用了所述移动终端浏览器客户端重排版技术，保证了网页内容在用户使用的终端设备中实时性展示。所述处理及显示模块还将用户频繁访问的网站信息存储起来，便于用户高速访问网络，使网站具有弹性性质，提高用户体验。

以上所述的本发明实施方式，并不构成对本发明保护范围的限定。任何在本发明的精神和原则之内所做的修改、等同替换和改进等，均应包含在本发明的权利要求保护范围之内。

Claims (10)

1.一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，在移动终端采用客户端重排版技术，数据的交互只发生在所述移动终端客户端和internet互联网之间，所述方法包括以下步骤：

步骤一，根据所述移动终端访问互联网后传递过来的网页页面数据，判断是否为移动终端设备客户端，若是移动设备客户端，则按照特定规则获取所访问的网站的代码和布局样式；

步骤二，根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站进行标记，将标记后的网页信息存储至所述移动终端客户端；

步骤三，根据所述移动终端设备的显示特性，解析所存储的网站页面信息，分析重排方式，对所述网站页面进行重新排版，在所述移动终端设备屏幕中创建并显示适配处理后的新的网页布局。

2.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述特定规则是指识别此网站是否为html代码的识别规则，若是html代码，则提取html代码和css样式。

3.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述分析重排方式是指分析标记后的网站信息与所述移动终端的匹配度。

4.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述解析网站页面信息包括html语法分析，页面元素提取，css语法解析的操作。

5.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述适配处理是指为了提升用户的移动浏览体验,使得同一个网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局；所述适配处理包括：

根据所述移动终端的设备参数信息对文档进行页面重新排版；

根据所述移动终端的设备参数信息对图片进行显示大小等缩比调整；

根据所述移动终端的设备参数信息对视频格式做调整，转换为所述移动设备浏览器可支持的文件格式，再结合屏幕大小自动调整布局。

6.根据权利要求4所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述解析网站页面信息还包括对实时更新的网站信息进行实时解析，具体为当所述移动终端的浏览器成功链接internet互联网之后，所述移动终端对所接收到的实时更新的网站信息同样釆用了客户端重排版技术，所述移动终端实时显示所述网站页面信息。

7.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述方法还包含过滤掉所述网页的无关元素的步骤。

8.根据权利要求1所述的一种在移动终端实现浏览器页面智能响应式布局的方法，其特征在于，所述移动终端包括如下主流智能移动设备：iPhone系列、安卓、Windows Phone、黑莓、塞班，或屏幕大小为3寸至6寸之间不等的移动终端。

9.一种在移动终端实现浏览器页面智能响应式布局的装置，其特征在于，包括访问模块、标记模块、解析模块、存储模块、处理及显示模块，其中

访问模块，连接所述移动终端的浏览器和所述存储模块，用于接收所述移动终端浏览器成功链接internet互联网后传递过来的网页页面数据，根据所述移动终端访问互联网后传递过来的网页页面数据，判断是否为所述移动终端客户端，按照特定规则获取所访问的网站的代码和布局样式；

标记模块，连接访问模块和存储模块，用于根据不同的设备类型和不同的屏幕分辨率的大小，对所访问的网站进行标记；

存储模块，连接标记模块和解析模块，用于存储所述标记模块标记后的网站页面信息和所述移动终端的用户在访问网站过程中的交互记录；

解析模块，连接存储模块和数据处理模块，用于根据所述移动终端的显示特性，解析所述存储模块中的页面信息，将解析后的页面信息传递至所述处理及显示模块；

处理及显示模块，连接解析模块，用于接收所述解析模块传来的解析后的页面信息，对所述解析后的页面信息进行重新排版；用于在所述移动终端屏幕中创建并显示适配处理后的新的网页布局。

10.根据权利要求9所述的一种在移动终端实现浏览器页面智能响应式布局的装置，其特征在于，所述处理及显示模块还包括过滤模块，用于过滤掉所述网页中无关元素。

Images