CN102654885A - 移动终端网页适配系统和方法 - Google Patents
移动终端网页适配系统和方法 Download PDFInfo
- Publication number
- CN102654885A CN102654885A CN2012101346084A CN201210134608A CN102654885A CN 102654885 A CN102654885 A CN 102654885A CN 2012101346084 A CN2012101346084 A CN 2012101346084A CN 201210134608 A CN201210134608 A CN 201210134608A CN 102654885 A CN102654885 A CN 102654885A
- Authority
- CN
- China
- Prior art keywords
- webpage
- html tag
- tag data
- data
- page
- 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.)
- Granted
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种移动终端网页适配系统和方法,包括如下步骤:对服务器端相应URL的网页页面进行预设适配并生成匹配页面;浏览控制器监听移动终端向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;服务器端获取网页内容HTML标签数据,并将网页内容的HTML标签数据返回给浏览控制器;浏览控制器截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行转换,并将转换后的数据发送给网页匹配器进行匹配处理,然后将转换匹配处理后的HTML标签数据返回给移动终端,由移动终端上的浏览器进行解析后在移动终端上渲染显示。其能够方便快捷实现移动终端网页适配。
Description
技术领域
本发明涉及一种计算机互联网技术领域,特别是涉及一种网页自动匹配的移动终端网页适配系统和方法。
背景技术
随着移动通信的蓬勃发展,移动终端(如手机终端)设备能力和网络带宽的不断提高,用户对于利用移动终端上网的需求越来越强烈,而且由于移动终端上网具有方便快捷的优点,得到用户的广泛使用。
一般地,用户利用移动终端上网为用户通过终端浏览器(如手机浏览器)直接访问HTML(Hyper Text Mark-upLanguage,超文本标记语言)/WAP(Wireless ApplicationProtocol,无线应用协议)网页,获取用户所需要的网页,进行解析并在终端浏览器中进行渲染表现。
但用户移动终端通过终端浏览器直接访问HTML/WAP网页时,由于移动终端计算能力较一般计算机能力弱,利用移动终端每次访问HTML/WAP页面的连接时间较长,速度较慢,用户使用体验较差,而且由于原始网页文本传输流量较大,单位流量中包含的用户可用信息较少,使得用户获取网页的成本过高。同时,而为了能够在移动终端中进行网页浏览,需要在移动终端浏览器中进行适配,让移动终端可以显示互联网网页的内容,目前的移动终端浏览器进行适配显示互联网网页内容时,需要进行大量的人工处理WEB页面,以及分析JS(JavaScript)脚本,需要大量的人工成本,效率低下。
发明内容
为实现本发明目的而提供的一种移动终端网页适配系统和方法,其方便快捷实现移动终端网页适配,效率高,用户体验好。
为实现本发明目的而提供的一种移动终端网页适配方法,包括如下步骤:
步骤S010,对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;
步骤S100,浏览控制器监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;
步骤S200,服务器端根据网页请求信息获取网页内容HTML标签数据,并将网页内容的HTML标签数据返回给浏览控制器;
步骤S300,浏览控制器截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行转换,并将转换后的数据发送给网页匹配器进行匹配处理,然后将转换匹配处理后的HTML标签数据返回给移动终端,由移动终端上的浏览器进行解析后在移动终端上渲染显示。
为实现本发明目的还提供一种移动终端网页适配系统,包括移动终端和服务器端,以及在移动终端上运行的移动终端浏览器;
所述移动终端利用移动终端浏览器向服务器端发出网页请求,所述服务器端根据网页请求返回网页内容到移动终端,由移动终端浏览器对接收到网页内容进行解析后,渲染表现在移动终端的显示屏上;
还包括浏览控制器和网页匹配器,其中:
所述浏览控制器,用于监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;将从服务器端请求得到的返回的HTML标签数据经过转换处理后,发给网页处理器进行匹配;并将转换匹配处理后的网页内容数据返回给移动终端;
所述网页处理器,用于对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;接收浏览控制器发送来的接收转换后的网页内容数据,对转换后的HTML标签数据中的相应标记的HTML标签数据,在适配代码表中进行查询匹配,并将匹配处理后的HTML标签数据返回给浏览控制器。
较优地,所述浏览器控制器,包括多进程管理单元,HTTP信息处理单元,HTTP转换处理单元和WEB下行数据解析处理单元,其中:
所述多进程管理单元,用于收到移动终端通过网页浏览器发出的网页请求后,获取网页请求信息中的Post数据体;根据网页请求信息中的Post数据体中的SN查找或创建相应的进程;
所述Post数据体包括以下4个键值对:actioncode:XXX,SN:XXX,PageID:XXX,location:XXX;
所述HTTP信息处理单元,用于根据Post数据体中的actioncode参数、PageID参数,location参数确定访问服务器端;
所述HTTP转换处理单元,用于截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行内容转换,并将转换后的数据发送给网页匹配器;
所述进行内容转换,指去除网页内容的HTML标签数据中移动终端不能显示的CSS样式内容数据;去除网页内容的HTML标签数据中的JavaScript脚本;对剩余的每个移动终端浏览器支持的HTML标签数据进行标记;并对移动终端浏览器支持的HTML标签数据替换为可用JavaScript的操作的代码数据;
所述WEB下行数据传输单元,用于将转换匹配处理后的HTML标签数据返回给移动终端。
较优地,所述网页处理器,包括数据接收单元,元素选取单元,URL匹配处理单元,以及数据发送单元,其中:
所述数据接收单元,用于接收浏览控制器发送来的下行数据;
所述元素选取单元,用于从服务器上的网页页面的标签数据选取和标记,生成适配代码表;
所述URL匹配处理单元,用于根据浏览控制器的页面适配请求进行查询并匹配HTML标签数据;
所述数据发送单元,用于匹配处理后的HTML数据返回给浏览控制器。
本发明的移动终端网页适配系统和方法,其通过匹配进行终端网页的适配,实现移动终端访问网页的快捷操作和适配工作,为移动终端访问各种网页提供快捷而方便的浏览方式,节省了以往大规模的人工适配和处理JS的工作量,为整个适配工作节约了大量的人工成本。
附图说明
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明的移动终端网页适配系统和方法进行进一步详细说明。
图1是本发明移动终端网页适配方法流程图;
图2是本发明实施例移动终端网页适配方法一可实施方式流程图;
图3是本发明实施例移动终端网页适配系统结构示意图。
具体实施方式
如图1、图2所示,作为一种可实施方式,本发明提供一种移动终端网页适配方法,包括如下步骤:
步骤S010,对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;
所要处理的URL的网页页面,是由人工先行进行适配,先通过访问相应的URL的网页页面,选定该页面需要裁减和处理的页面元素,然后在网页匹配器(Browser ViewEditor,BVE)上生成处理该URL所对应的网页页面的匹配页面,等待网页内容数据发送至浏览控制器(Browser Manager Controler,BMC)时候,网页匹配器(BVE)调用该适配代码表,进行HTML标签数据匹配处理。
较佳地,所述步骤S010包括如下步骤:
步骤S011,对服务器端相应URL的网页页面进行预设的可转换标签数据进行标记;
作为一种可实施方式,适配工程师根据URL,打开需要适配网页页面的地址(URL),对网页页面的内容中的可转换标签数据进行标记。
步骤S012,对可转换标签数据进行适配配置;
当适配标签标记完成后,根据移动终端的浏览器版本和显示界面要求,对可转换标签数据进行适配配置,将所述可转换标签配置成适合包括所述浏览器显示的标签元素PHP裁剪逻辑代码的可转换标签数据,使其适合在浏览器上进行显示。
步骤S013,将所述网页页面的URL、可转换标签标记、以及相应的适配配置后的包括标签元素PHP裁剪逻辑代码在内的可转换标签数据存储到适配代码表中;
步骤S014,重复步骤S011~013,直至网页页面中所有的可转换标签适配完毕。
步骤S100,浏览控制器(BMC)监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;
在运行过程中,浏览控制器(BMC)中的心跳探测器(Remoting),实时监控各个进程单元运行状态,如果没有心跳(即状态异常)则结束该进程;
当浏览控制器监听到网页请求(如HTTP请求)后,分析该网页请求是否是已建立的响应,如果不,则浏览控制器为当前移动终端网页请求单独创建进程,用以单独访问WEB,和处理JavaScript以及页面替换请求操作;如果是,则直接进行后续处理。
浏览控制器通过多进程处理,最大限度的利用服务器资源,可配置在不同的服务器上实现分布式部署,同时节约活动内存和独立处理移动终端请求。
较佳地,所述步骤S100包括如下步骤:
步骤S110,浏览控制器收到移动终端通过网页浏览器发出的网页请求后,获取网页请求信息中的Post数据体;
在收到移动终端浏览器的网页请求后,解析Post数据体中的数据,如图3所示。
所述移动终端浏览器是一种现有技术,作为一种可实施方式,本发明实施例中,所述移动终端浏览器可以是逸信通移动终端浏览器(版本为moa-01-5-03010100-20100711)。
Post数据体包括以下4个键值对:actioncode:XXX(移动终端操作步骤描述),SN:XXX(移动终端唯一标识符),PageID:XXX(当前移动终端页面在BMC中的页面ID),location:XXX(访问的URL地址)。
步骤S120,判断网页请求信息中的Post数据体中的SN查找是否存在相应的进程;如果有,则进入步骤S130;否则,创建与Post数据体中的SN相应的进程。
步骤S130,在进程内查找是否有当前PageID对应的第一WebBrowser对象;如果有,则进入步骤S140;否则,创建第一WebBrowser对象,分配PageID给该第一WebBrowser对象。
步骤S140,判断参数Location是否为空;
步骤S150,如果不为空则表示当前需要打开一个新的页面,回收浏览控制器内所有进程的所有WebBrowser对象,包括第一WebBrowser对象,然后创建一个新的第二WebBrowser对象,通过第二WebBrowser对象访问该Location中的地址(url),进入步骤S170。
作为一种可实施方式,第一WebBrowser对象为移动终端本次请求以前请求打开的页面,每一个页面对应一个WebBrowser对象;在移动终端浏览器再发送Location参数过来,表示需要重新打开一个页面,服务器将通过关闭所有第一WebBrowser对象,从而使服务端保留的页面全部关闭,释放资源。
步骤S160,如果Location参数为空,则表示这次请求是在原有WebBrowser对象已经打开的页面上执行操作;
步骤S170,执行参数ActionCode内容,包括移动终端执行的操作,如页面按钮的点击,表单提交等,向服务器端请求HTML标签数据。
当前WebBrowser对象就是服务端承载网页的对象,每个WebBrowser对象对应一个网页页面。
步骤S200,服务器端根据网页请求信息获取网页内容HTML标签数据,并将网页内容的HTML标签数据返回给浏览控制器(BMC);
浏览控制器(BMC)执行参数ActionCode内容,服务器端根据ActionCode内容进行相应的网页页面操作,例如执行JavaScript改变页面布局,或者某个元素的属性。这样,网页数据发生变化,然后,对HTML标签数据(事件)进行捕捉,获取当前网页内容的HTML标签数据。
作为一种可实施方式,所述对HTML标签数据变化后的HTML标签数据(事件)进行捕捉,是通过函数:WebBrowser1_DocumentCompleted(object sender,WebBrowserDocumentCompletedEventArgs e){...}完成的,然后,在该HTML标签数据(事件)执行的代码块中,获取当前WebBrowser对象对应的网页内容的HTML标签数据。
步骤S300,浏览控制器(BMC)截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行转换,并将转换后的数据发送给网页匹配器(BVE)进行匹配处理,然后将转换匹配处理后的HTML标签数据返回给移动终端,由移动终端上的浏览器进行解析后在移动终端上渲染显示。
较佳地,所述步骤S300包括如下步骤:
步骤S310,截取当前WebBrowser对象对应的网页内容的HTML标签数据后,通过正则匹配的方法,进行内容转换;
步骤S200截取得到的当前WebBrowser对象对应的网页内容的HTML标签数据包含三部分内容:HTML元素,JavaScript脚本,CSS样式,本步骤中,需要把移动终端上不能显示的CSS样式内容数据去除;然后去除网页内容的HTML标签数据中的JavaScript脚本;把剩下的移动终端浏览器支持的HTML标签数据在BVE上进行匹配。
其中,在移动终端上支持的HTML标签数据,由现有技术中移动终端上可以支持的移动终端浏览器来决定,其是一种现有技术,因此,在本发明实施例中,不再一一详细描述。
经过步骤S310的操作后,将当前WebBrowser对象对应的网页内容的HTML标签数据转变为可应用在移动终端上的浏览器解析并渲染显示的在移动终端上支持的HTML标签数据,实现在移动终端展示和操作。
较佳地,作为一种可实施方式,所述步骤S310包括如下步骤:
步骤S311,调用JAVA函数private static void removeElement(ref stringstrHtml){...}除去标签属性为DISPLAY、JavaScript脚本代码、以及CSS样式代码的HTML标签数据;
作为一种可实施方式,通过方法private static void removeElement(ref stringstrHtml){...},可去除元素标签属性为DISPLAY:none、VISIBILITY:hidden、WIDTH:0px;HEIGHT:0px、type=hidden、这些HTML标签数据,以及JavaScript脚本代码,例如<script>...</script>标签,CSS样式代码,例如:<Link.../>、<style>...</style>等HTML标签数据。
步骤S312,调用JAVA函数private static void elementId_Editor(ref stringstrHtml,string f_name,string url){...},将剩下的移动终端浏览器支持的HTML标签数据进行标记;
作为一种可实施方式,通过方法private static void elementId_Editor(refstring strHtml,string f_name,string url){...}为移动终端浏览器支持的HTML标签数据标签标记ID;
例如代码片段:strHtml =Regex.Replace(strHtml,"(<(INPUT|A|DIV|SELECT|TEXTAREA|BUTTON|SPAN|IMG|TD|B)[^>]{0,}?id=)(.*?)([>])","$1"+f_name+"document.getElementById('$3')$4",RegexOptions.IgnoreCase);
步骤S313,调用JAVA函数private static void elementOnclick_Editor(refstring strHtml){...},替换移动终端浏览器支持的HTML标签数据为可用JavaScript的操作的代码。
作为一种可实施方式,例如,通过方法private static voidelementOnclick_Editor(ref string strHtml){...}替换移动终端浏览器支持的HTML标签数据中的onclick事件,例如代码片段:strHtml=Regex.Replace(strHtml,"(<(INPUT|BUTTON|IMG|A)[^>]{0,} id=([ ^]{0,})[^>]{0,}onclick=)\"[^\"]{0,}\"([^<]{0,}>)", "$1$3.click() $4",RegexOptions.IgnoreCase),将原有在网页上可执行的移动终端浏览器支持的HTML标签数据(事件)替换为可用JS(JavaScript)的操作的代码。
步骤S320,将进行内容转换后的HTML标签元素,根据页面请求中的参数,与预设的相应页面的相应标记的HTML标签数据进行匹配页面适配处理;
较佳地,作为一种可实施方式,所述步骤S320包括如下步骤:
步骤S321,替换完成移动终端浏览器支持的HTML标签数据后,发出页面适配请求到网页匹配器,将替换后的移动终端浏览器支持的HTML标签数据进行页面适配;较佳地,适配请求参数包括:Url:当前访问页面(当前的页面请求)的地址,Name:相应标记的HTML标签数据(Iframe)及其标记,Originalhtml:请求返回匹配页面的HTML标签数据。
步骤S322,网页匹配器(BVE)接收到页面适配请求的参数后,用url和Name参数在适配代码表中进行查询所述相应标记的HTML标签数据是否预设匹配页面,即是否在预设的适配代码表中存在该url和Name对应的网页页面的可转换标签的匹配代码。
步骤S323,如果查询到对应的匹配代码,则网页匹配器读取匹配页面的HTML标签数据的匹配代码(包括裁剪逻辑的PHP代码),然后替换步骤S310中得到的相应标记的HTML标签数据为相应标记的匹配页面的HTML数据的匹配代码,根据Originalhtml参数,将匹配页面的Html标签数据代码返回。这样,通过适配将其由一个不适合于在移动终端上显示的网页页面结构的html标签数据代码转换为适合在相应的移动终端适合显示的Html标签数据。
步骤S324,如果没有查询到该相应的url,即这次url访问的网页页面,并没有进行预设的适配处理,那么返回Originalhtml参数的值为0,并将接收到的相应标记的HTML标签数据代码返回。
步骤S330,将匹配处理后的相应标记的HTML标签数据,包括相应标记的匹配页面的URL和HTML匹配页面标签数据返回浏览控制器;
步骤S340,浏览控制器在接收到相应标记的HTML标签数据后,标示已经处理完成一个完整页面请求,将处理进行单元的处理结果返回给发起网页请求的移动终端浏览器进行解析渲染显示。
作为一种可实施方式,浏览控制器通过Remoting心跳探测器,实时监控各个进程单元运行状态,采用回调函数ResponseParams repeater_ReceiveMessage(objectsender,ReceiveMessageEventArgse){...},将转换匹配后的HTML标签数据返回给浏览控制器,浏览控制器再通过Http下行单元将结果发送出去。
相应地,本发明实施例还提供一种移动终端网页适配系统,如图3所示,包括移动终端100和服务器端400,以及在移动终端上运行的移动终端浏览器110;
所述移动终端100利用移动终端浏览器110向服务器端400发出网页请求,所述服务器端400根据网页请求返回网页内容到移动终端,由移动终端浏览器110对接收到网页内容进行解析后,渲染表现在移动终端的显示屏上。
本发明实施例的移动终端网页适配系统,还包括浏览控制器200和网页匹配器300,其中:
所述浏览控制器200,用于监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;将从服务器端请求得到的返回的HTML标签数据经过转换处理后,发给网页处理器进行匹配;并将转换匹配处理后的网页内容数据返回给移动终端。
所述网页处理器300,用于对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;接收浏览控制器发送来的接收转换后的网页内容数据,对转换后的HTML标签数据中的相应标记的HTML标签数据,在适配代码表中进行查询匹配,并将匹配处理后的HTML标签数据返回给浏览控制器。
较佳地,作为一种可实施方式,所述浏览器控制器200,包括多进程管理单元210,HTTP信息处理单元220,HTTP转换处理单元230和WEB下行数据解析处理单元240,其中:
所述多进程管理单元210,用于收到移动终端通过网页浏览器发出的网页请求后,获取网页请求信息中的Post数据体;根据网页请求信息中的Post数据体中的SN查找或创建相应的进程。
所述Post数据体包括以下4个键值对:actioncode:XXX(移动终端操作步骤描述),SN:XXX(移动终端唯一标识符),PageID:XXX(当前移动终端页面在BMC中的页面ID),location:XXX(访问的URL地址)。
所述HTTP信息处理单元220,用于根据Post数据体中的actioncode参数、PageID参数,location参数确定访问服务器端;
所述HTTP转换处理单元230,用于截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行内容转换,并将转换后的数据发送给网页匹配器。
较佳地,作为一种可实施方式,所述进行内容转换,指去除网页内容的HTML标签数据中移动终端不能显示的CSS样式内容数据;去除网页内容的HTML标签数据中的JavaScript脚本;对剩余的每个移动终端浏览器支持的HTML标签数据进行标记;并对移动终端浏览器支持的HTML标签数据替换为可用JavaScript的操作的代码数据。
所述WEB下行数据传输单元240,用于将转换匹配处理后的HTML标签数据返回给移动终端。
较佳地,所述网页匹配器300,包括数据接收单元310,元素选取单元320,URL匹配处理单元330,以及数据发送单元340,其中:
所述数据接收单元310,用于接收浏览控制器发送来的下行数据。
所述元素选取单元320,用于从服务器上的网页页面的标签数据选取和标记(选取和标记出移动终端的浏览器支持的网页内容的HTML标签数据),生成适配代码表。
所述URL匹配处理单元330,用于根据浏览控制器的页面适配请求进行查询并匹配HTML标签数据。
所述数据发送单元340,用于匹配处理后的HTML数据返回给浏览控制器。
网页访问请求由移动终端发起,通过移动终端浏览器,将所要请求的URL发送给浏览控制器,浏览控制器更改移动终端请求分配单独处理进程,并在进程中内访问服务器端,然后将服务器端返回的页面数据进行去除转换处理,并将转换处理后的HTML标签数据发送给网页匹配器进行匹配处理后,将处理后的HTML标签数据发给移动终端,移动终端浏览器对处理后的数据进行解析渲染显示在移动终端的显示屏上。
本发明实施例的移动终端网页适配系统和方法,实现了移动终端访问网页页面的快捷操作和适配工作,节约了适配工作量,使该系统整理可以快速实施和部署,为网页页面访问服务器端的网页页面,包括传统的互联网站提供了一种快捷而方便的处理方法。
最后应当说明的是,很显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型。
Claims (10)
1.一种移动终端网页适配方法,其特征在于,包括如下步骤:
步骤S010,对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;
步骤S100,浏览控制器监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;
步骤S200,服务器端根据网页请求信息获取网页内容HTML标签数据,并将网页内容的HTML标签数据返回给浏览控制器;
步骤S300,浏览控制器截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行转换,并将转换后的数据发送给网页匹配器进行匹配处理,然后将转换匹配处理后的HTML标签数据返回给移动终端,由移动终端上的浏览器进行解析后在移动终端上渲染显示。
2.根据权利要求1所述的移动终端网页适配方法,其特征在于,所述步骤S010包括如下步骤:
步骤S011,对服务器端相应URL的网页页面进行预设的可转换标签数据的标记;
步骤S012,对可转换标签数据进行适配配置;
步骤S013,将所述网页页面的URL、可转换标签标记、以及相应的适配配置后的包括标签元素PHP裁剪逻辑代码在内的可转换标签数据存储到适配代码表中;
步骤S014,重复步骤S011~013,直至网页页面中所有的可转换标签适配完毕。
3.根据权利要求1所述的移动终端网页适配方法,其特征在于,所述步骤S100包括如下步骤:
步骤S110,浏览控制器收到移动终端通过网页浏览器发出的网页请求后,获取网页请求信息中的Post数据体;
步骤S120,判断网页请求信息中的Post数据体中的SN查找是否存在相应的进程;如果有,则进入步骤S130;否则,创建与Post数据体中的SN相应的进程;
步骤S130,在进程内查找是否有当前PageID对应的第一WebBrowser对象;如果有,则进入步骤S140;否则,创建第一WebBrowser对象,分配PageID给该第一WebBrowser对象;
步骤S140,判断参数Location是否为空;
步骤S150,如果不为空则表示当前需要打开一个新的页面,回收浏览控制器内所有进程的所有WebBrowser对象,包括第一WebBrowser对象,然后创建一个新的第二WebBrowser对象,通过第二WebBrowser对象访问该Location中的地址(url),进入步骤S170;
步骤S160,如果Location参数为空,则表示这次请求是在原有WebBrowser对象已经打开的页面上执行操作,进入步骤S170;
步骤S170,执行参数ActionCode内容,包括移动终端执行的操作,如页面按钮的点击,表单提交等,向服务器端请求HTML标签数据。
4.根据权利要求3所述的移动终端网页适配方法,其特征在于,所述步骤S300包括如下步骤:
步骤S310,截取当前WebBrowser对象对应的网页内容的HTML标签数据后,通过正则匹配的方法,进行内容转换;
步骤S320,将进行内容转换后的HTML标签元素,根据页面请求中的参数,与预设的相应页面的相应标记的HTML标签数据进行匹配页面适配处理;
步骤S330,将匹配处理后的相应标记的HTML标签数据,包括相应标记的匹配页面的URL和HTML匹配页面标签数据返回浏览控制器;
步骤S340,浏览控制器在接收到相应标记的HTML标签数据后,标示已经处理完成一个完整页面请求,将处理进行单元的处理结果返回给发起网页请求的移动终端浏览器进行解析渲染显示。
5.根据权利要求4所述的移动终端网页适配方法,其特征在于,所述步骤S310包括如下步骤:
步骤S311,调用JAVA函数private static void removeElement(ref stringstrHtml){...}除去标签属性为DISPLAY、JavaScript脚本代码、以及CSS样式代码的HTML标签数据;
步骤S312,调用JAVA函数private static void elementId_Editor(ref stringstrHtml,string f_name,string url){...},将剩下的移动终端浏览器支持的HTML标签数据进行标记;
步骤S313,调用JAVA函数private static void elementOnclick_Editor(refstring strHtml){...},替换移动终端浏览器支持的HTML标签数据为可用JavaScript的操作的代码数据。
6.根据权利要求4所述的移动终端网页适配方法,其特征在于,所述步骤S320包括如下步骤:
步骤S321,替换完成移动终端浏览器支持的HTML标签数据后,发出页面适配请求到网页匹配器,将替换后的移动终端浏览器支持的HTML标签数据进行页面适配;
步骤S322,网页匹配器接收到页面适配请求的参数后,用url和Name参数在适配代码表中进行查询所述相应标记的HTML标签数据是否预设匹配页面,即是否在预设的适配代码表中是否存在该url和Name对应的网页页面的可转换标签的匹配代码;
步骤S323,如果查询到对应的匹配代码,则网页匹配器读取匹配页面的HTML标签数据的匹配代码,然后替换步骤S310中得到的相应标记的HTML标签数据为相应标记的匹配页面的HTML数据的匹配代码,将匹配页面的Html标签数据代码返回;
步骤S324,如果没有查询到该相应的url,即这次url访问的网页页面,并没有进行预设的适配处理,将接收到的相应标记的HTML标签数据代码返回。
7.根据权利要求6所述的移动终端网页适配方法,其特征在于,所述适配请求参数包括:
Url:当前访问页面的地址;
Name:相应标记的HTML标签数据及其标记;
Originalhtml:请求返回匹配页面的HTML标签数据。
8.一种移动终端网页适配系统,包括移动终端和服务器端,以及在移动终端上运行的移动终端浏览器;
所述移动终端利用移动终端浏览器向服务器端发出网页请求,所述服务器端根据网页请求返回网页内容到移动终端,由移动终端浏览器对接收到网页内容进行解析后,渲染表现在移动终端的显示屏上;
其特征在于:
还包括浏览控制器和网页匹配器,其中:
所述浏览控制器,用于监听移动终端利用移动终端浏览器向服务器端发出的网页请求,获取网页请求中的请求信息,向服务器端请求HTML标签数据;将从服务器端请求得到的返回的HTML标签数据经过转换处理后,发给网页处理器进行匹配;并将转换匹配处理后的网页内容数据返回给移动终端;
所述网页处理器,用于对服务器端相应URL的网页页面进行预设适配并生成匹配页面,存储到网页匹配器的适配代码表中;接收浏览控制器发送来的接收转换后的网页内容数据,对转换后的HTML标签数据中的相应标记的HTML标签数据,在适配代码表中进行查询匹配,并将匹配处理后的HTML标签数据返回给浏览控制器。
9.根据权利要求8所述的移动终端网页适配系统,其特征在于,所述浏览器控制器,包括多进程管理单元,HTTP信息处理单元,HTTP转换处理单元和WEB下行数据解析处理单元,其中:
所述多进程管理单元,用于收到移动终端通过网页浏览器发出的网页请求后,获取网页请求信息中的Post数据体;根据网页请求信息中的Post数据体中的SN查找或创建相应的进程;
所述Post数据体包括以下4个键值对:actioncode:XXX,SN:XXX,PageID:XXX,location:XXX;
所述HTTP信息处理单元,用于根据Post数据体中的actioncode参数、PageID参数,location参数确定访问服务器端;
所述HTTP转换处理单元,用于截取服务器端返回的网页内容的HTML标签数据,将网页内容的HTML标签数据进行内容转换,并将转换后的数据发送给网页匹配器;
所述进行内容转换,指去除网页内容的HTML标签数据中移动终端不能显示的CSS样式内容数据;去除网页内容的HTML标签数据中的JavaScript脚本;对剩余的每个移动终端浏览器支持的HTML标签数据进行标记;并对移动终端浏览器支持的HTML标签数据替换为可用JavaScript的操作的代码数据;
所述WEB下行数据传输单元,用于将转换匹配处理后的HTML标签数据返回给移动终端。
10.根据权利要求9所述的移动终端网页适配系统,其特征在于,所述网页处理器,包括数据接收单元,元素选取单元,URL匹配处理单元,以及数据发送单元,其中:
所述数据接收单元,用于接收浏览控制器发送来的下行数据;
所述元素选取单元,用于从服务器上的网页页面的标签数据选取和标记,生成适配代码表;
所述URL匹配处理单元,用于根据浏览控制器的页面适配请求进行查询并匹配HTML标签数据;
所述数据发送单元,用于匹配处理后的HTML数据返回给浏览控制器。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210134608.4A CN102654885B (zh) | 2012-04-28 | 2012-04-28 | 移动终端网页适配系统和方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210134608.4A CN102654885B (zh) | 2012-04-28 | 2012-04-28 | 移动终端网页适配系统和方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102654885A true CN102654885A (zh) | 2012-09-05 |
CN102654885B CN102654885B (zh) | 2015-07-15 |
Family
ID=46730511
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210134608.4A Active CN102654885B (zh) | 2012-04-28 | 2012-04-28 | 移动终端网页适配系统和方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102654885B (zh) |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103067265A (zh) * | 2012-12-19 | 2013-04-24 | 上海市共进通信技术有限公司 | 应用于家庭网关的多语言web用户界面显示控制方法 |
CN103473106A (zh) * | 2013-09-30 | 2013-12-25 | 迈普通信技术股份有限公司 | 一种页面生成的方法及系统 |
CN103473347A (zh) * | 2013-09-24 | 2013-12-25 | 北京大学 | 一种基于网页相似度的浏览器渲染优化方法 |
CN103778117A (zh) * | 2012-10-17 | 2014-05-07 | 腾讯科技(深圳)有限公司 | 一种移动终端信息加载的方法及系统 |
CN103793532A (zh) * | 2014-02-27 | 2014-05-14 | 北京金山网络科技有限公司 | 一种页面导航方法、装置及浏览器 |
CN103838558A (zh) * | 2012-11-22 | 2014-06-04 | 中国移动通信集团公司 | 网站建站系统及方法、访问网站的方法及网页适配系统 |
CN103942215A (zh) * | 2013-01-21 | 2014-07-23 | 联想(北京)有限公司 | 页面显示方法装置 |
CN103970760A (zh) * | 2013-01-28 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种网页请求处理方法及装置 |
CN103997492A (zh) * | 2014-05-20 | 2014-08-20 | 五八同城信息技术有限公司 | 一种适配系统及方法 |
CN104079652A (zh) * | 2014-06-30 | 2014-10-01 | 广州视源电子科技股份有限公司 | 一种html广告文件的制作和播放方法 |
WO2014206169A1 (zh) * | 2013-06-28 | 2014-12-31 | 优视科技有限公司 | 基于html5的网页文字元素绘制方法、装置及存储介质 |
CN104820664A (zh) * | 2014-01-30 | 2015-08-05 | 西门子公司 | 一种用于改编网页的方法和装置 |
CN107885792A (zh) * | 2017-10-19 | 2018-04-06 | 福建中金在线信息科技有限公司 | 网页文章显示方法、装置及系统 |
CN109284459A (zh) * | 2018-10-16 | 2019-01-29 | 中国搜索信息科技股份有限公司 | 一种基于浏览器内核的网页转码方法 |
CN109710863A (zh) * | 2018-11-27 | 2019-05-03 | 平安科技(深圳)有限公司 | 信息转换方法、装置、计算机设备及存储介质 |
WO2019200797A1 (zh) * | 2018-04-20 | 2019-10-24 | 平安科技(深圳)有限公司 | 页面数字显示方法、装置、计算机设备及存储介质 |
CN112417338A (zh) * | 2020-11-30 | 2021-02-26 | 北京博瑞彤芸科技股份有限公司 | 一种页面适配方法、系统及设备 |
CN112559933A (zh) * | 2020-12-09 | 2021-03-26 | 福建天晴在线互动科技有限公司 | html的新闻数据在app客户端和网页端通用展示的方法及系统 |
CN112579948A (zh) * | 2019-09-29 | 2021-03-30 | 北京国双科技有限公司 | 网页截图方法、装置及存储介质、电子设备 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107368291A (zh) * | 2016-05-13 | 2017-11-21 | 北京搜狗科技发展有限公司 | 一种网页绘制装置、方法及电子设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110087958A1 (en) * | 2009-10-14 | 2011-04-14 | Dumitru Dan Mihai | Method for extracting document data from multiple sources for display on a communication device |
CN102065572A (zh) * | 2009-11-17 | 2011-05-18 | 中国移动通信集团广东有限公司 | 移动浏览器、网关、浏览系统及互联网页面访问方法 |
CN102163233A (zh) * | 2011-04-18 | 2011-08-24 | 北京神州数码思特奇信息技术股份有限公司 | 一种网页标记语言格式转换方法及系统 |
-
2012
- 2012-04-28 CN CN201210134608.4A patent/CN102654885B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110087958A1 (en) * | 2009-10-14 | 2011-04-14 | Dumitru Dan Mihai | Method for extracting document data from multiple sources for display on a communication device |
CN102065572A (zh) * | 2009-11-17 | 2011-05-18 | 中国移动通信集团广东有限公司 | 移动浏览器、网关、浏览系统及互联网页面访问方法 |
CN102163233A (zh) * | 2011-04-18 | 2011-08-24 | 北京神州数码思特奇信息技术股份有限公司 | 一种网页标记语言格式转换方法及系统 |
Cited By (31)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103778117B (zh) * | 2012-10-17 | 2018-11-09 | 腾讯科技(深圳)有限公司 | 一种移动终端信息加载的方法及系统 |
CN103778117A (zh) * | 2012-10-17 | 2014-05-07 | 腾讯科技(深圳)有限公司 | 一种移动终端信息加载的方法及系统 |
CN103838558B (zh) * | 2012-11-22 | 2017-06-20 | 中国移动通信集团公司 | 网站建站系统及方法、访问网站的方法及网页适配系统 |
CN103838558A (zh) * | 2012-11-22 | 2014-06-04 | 中国移动通信集团公司 | 网站建站系统及方法、访问网站的方法及网页适配系统 |
CN103067265A (zh) * | 2012-12-19 | 2013-04-24 | 上海市共进通信技术有限公司 | 应用于家庭网关的多语言web用户界面显示控制方法 |
CN103067265B (zh) * | 2012-12-19 | 2016-04-06 | 上海市共进通信技术有限公司 | 应用于家庭网关的多语言web用户界面显示控制方法 |
CN103942215A (zh) * | 2013-01-21 | 2014-07-23 | 联想(北京)有限公司 | 页面显示方法装置 |
CN103970760A (zh) * | 2013-01-28 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种网页请求处理方法及装置 |
CN103970760B (zh) * | 2013-01-28 | 2018-09-04 | 腾讯科技(深圳)有限公司 | 一种网页请求处理方法及装置 |
WO2014206169A1 (zh) * | 2013-06-28 | 2014-12-31 | 优视科技有限公司 | 基于html5的网页文字元素绘制方法、装置及存储介质 |
CN103473347B (zh) * | 2013-09-24 | 2017-01-11 | 北京大学 | 一种基于网页相似度的浏览器渲染优化方法 |
CN103473347A (zh) * | 2013-09-24 | 2013-12-25 | 北京大学 | 一种基于网页相似度的浏览器渲染优化方法 |
CN103473106A (zh) * | 2013-09-30 | 2013-12-25 | 迈普通信技术股份有限公司 | 一种页面生成的方法及系统 |
CN103473106B (zh) * | 2013-09-30 | 2017-02-01 | 迈普通信技术股份有限公司 | 一种页面生成的方法及系统 |
CN104820664A (zh) * | 2014-01-30 | 2015-08-05 | 西门子公司 | 一种用于改编网页的方法和装置 |
CN103793532A (zh) * | 2014-02-27 | 2014-05-14 | 北京金山网络科技有限公司 | 一种页面导航方法、装置及浏览器 |
CN103793532B (zh) * | 2014-02-27 | 2017-04-12 | 北京金山网络科技有限公司 | 一种页面导航方法、装置及浏览器 |
CN103997492B (zh) * | 2014-05-20 | 2018-02-27 | 五八同城信息技术有限公司 | 一种适配系统及方法 |
CN103997492A (zh) * | 2014-05-20 | 2014-08-20 | 五八同城信息技术有限公司 | 一种适配系统及方法 |
CN104079652B (zh) * | 2014-06-30 | 2018-01-23 | 广州视源电子科技股份有限公司 | 一种html 广告文件的制作和播放方法 |
CN104079652A (zh) * | 2014-06-30 | 2014-10-01 | 广州视源电子科技股份有限公司 | 一种html广告文件的制作和播放方法 |
CN107885792A (zh) * | 2017-10-19 | 2018-04-06 | 福建中金在线信息科技有限公司 | 网页文章显示方法、装置及系统 |
CN107885792B (zh) * | 2017-10-19 | 2020-07-24 | 福建中金在线信息科技有限公司 | 网页文章显示方法、装置及系统 |
WO2019200797A1 (zh) * | 2018-04-20 | 2019-10-24 | 平安科技(深圳)有限公司 | 页面数字显示方法、装置、计算机设备及存储介质 |
CN109284459A (zh) * | 2018-10-16 | 2019-01-29 | 中国搜索信息科技股份有限公司 | 一种基于浏览器内核的网页转码方法 |
CN109710863A (zh) * | 2018-11-27 | 2019-05-03 | 平安科技(深圳)有限公司 | 信息转换方法、装置、计算机设备及存储介质 |
CN112579948A (zh) * | 2019-09-29 | 2021-03-30 | 北京国双科技有限公司 | 网页截图方法、装置及存储介质、电子设备 |
CN112417338A (zh) * | 2020-11-30 | 2021-02-26 | 北京博瑞彤芸科技股份有限公司 | 一种页面适配方法、系统及设备 |
CN112417338B (zh) * | 2020-11-30 | 2022-12-20 | 北京博瑞彤芸科技股份有限公司 | 一种页面适配方法、系统及设备 |
CN112559933A (zh) * | 2020-12-09 | 2021-03-26 | 福建天晴在线互动科技有限公司 | html的新闻数据在app客户端和网页端通用展示的方法及系统 |
CN112559933B (zh) * | 2020-12-09 | 2023-04-11 | 福建天晴在线互动科技有限公司 | html的新闻数据在app客户端和网页端通用展示的方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN102654885B (zh) | 2015-07-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102654885A (zh) | 移动终端网页适配系统和方法 | |
US10412176B2 (en) | Website access method, apparatus, and website system | |
CN101231636B (zh) | 一种便捷的信息搜索方法、系统及一种输入法系统 | |
CN105045887B (zh) | 混合模式跨域数据交互的系统及其方法 | |
CN101150803B (zh) | 微浏览器处理网络数据的方法、微浏览器及其服务器 | |
CN101662493B (zh) | 一种用户访问路径的数据采集方法、系统及服务器 | |
CN104915398B (zh) | 一种网页埋点的方法及装置 | |
CN102867007B (zh) | 网页浏览方法及装置 | |
CN107241372A (zh) | 配置信息生成、发送方法及资源加载方法和装置及系统 | |
CN101335762A (zh) | 反映网页的历史使用行为的方法,及服务器、终端和系统 | |
CN109829121B (zh) | 一种点击行为数据上报的方法和装置 | |
CN103383687A (zh) | 一种页面处理方法和装置 | |
CN103246699A (zh) | 一种基于浏览器的数据访问控制方法和装置 | |
CN108701130A (zh) | 使用自动浏览群集更新提示模型 | |
CN102298617A (zh) | 一种用于获取目标页面的方法与设备 | |
CN107463657A (zh) | 文件操作方法及终端 | |
CN102932469A (zh) | 一种实现客户端浏览器的方法和客户端浏览器 | |
CN102833238A (zh) | 辅助网络设备进行用户验证的方法、装置、设备和系统 | |
CN103294717A (zh) | 一种基于双内核浏览器的网页打开方法和装置 | |
CN100504877C (zh) | 一种Web页面动作收藏方法和装置 | |
CN102780718A (zh) | 一种新消息提示方法及系统 | |
CN102929489A (zh) | 客户端浏览器实现方法及客户端浏览器 | |
CN102571826A (zh) | 从网络平台向客户端推送应用的方法和系统 | |
CN102332019A (zh) | 一种web网站转换到wap网站的方法及系统 | |
CN103455503B (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 | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |