CN106126197A - 使移动端应用页面与pc端应用页面同步的方法及装置 - Google Patents
使移动端应用页面与pc端应用页面同步的方法及装置 Download PDFInfo
- Publication number
- CN106126197A CN106126197A CN201610379571.XA CN201610379571A CN106126197A CN 106126197 A CN106126197 A CN 106126197A CN 201610379571 A CN201610379571 A CN 201610379571A CN 106126197 A CN106126197 A CN 106126197A
- Authority
- CN
- China
- Prior art keywords
- page
- mobile terminal
- application page
- end application
- application
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/52—Program synchronisation; Mutual exclusion, e.g. by means of semaphores
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种用于使移动端应用页面与PC端应用页面同步的方法和装置。所述方法包括:获取和解析PC端应用的页面元素;基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种用于使移动端应用页面与PC端应用页面同步的方法及装置。
背景技术
随着移动互联网的普及和发展,越来越多的用户习惯于在移动设备上浏览PC端的应用页面。由于移动设备的屏幕相对于PC设备的屏幕普遍要小得多,因此需要对PC端应用页面进行处理,使其适合在移动设备上进行浏览。在现有技术的这样的移动化处理中,移动化组件主要是用于移动化开发过程中的界面设计,通过调用组件的应用程序接口(API)来完成移动化界面的设计,而组件本身无法通过简单的处理即可实现移动化适配,开发人员需要学习和掌握组件的常用语法,而与原有PC端应用系统的对接则更加需要通过调用数据接口来实现。如此,现有技术的移动化处理存在开发难度和成本高、开发效率低下的缺陷。
发明内容
鉴于上述问题,提出了本发明,以便提供一种克服上述问题或者至少部分地解决上述问题的用于使移动端应用页面与PC端应用页面同步的方法及装置,用于解决现有技术中存在的缺陷。
在本发明实施方式的第一方面中,提供了一种用于使移动端应用页面与PC端应用页面同步的方法,包括:
获取和解析PC端应用的页面元素;
基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;
根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及
通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,还包括:响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,所述通过对于PC端应用页面的定期监测使移动端应用页面的数据与PC端应用页面的数据同步的步骤包括:通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,所述获取和解析PC端应用的页面元素的步骤包括:通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,所述基于页面元素的标识定位PC端应用的一个或多个PC端组件的位置的步骤包括:基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,还包括:在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,还包括:将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的方法中,所述页面元素的标识包括以下的一种或多种:页面元素的ID、相对位置、类。
在本发明实施方式的第二方面中,提供了一种用于使移动端应用页面与PC端应用页面同步的装置,包括:
获取和解析单元,用于获取和解析PC端应用的页面元素;
定位单元,用于基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;
构成单元,用于根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及
同步单元,用于通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,还包括触发单元,用于响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,所述同步单元通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件,从而使移动端应用页面的数据与PC端应用页面的数据同步。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,所述获取和解析单元通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,所述定位单元基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,还包括更新单元,用于在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,还包括回传单元,用于将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。
在根据本发明的上述任一实施例的用于使移动端应用页面与PC端应用页面同步的装置中,所述页面元素的标识包括以下的一种或多种:页面元素的ID、相对位置、类。
根据本发明,可以获取和解析PC端应用的页面元素,基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置,根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面,通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。由此,实现了移动端适配组件与原PC端页面组件的精确定位以及映射关系,可以通过在移动端页面中放置适配的组件来获取到原PC端应用页面的数据逻辑效果,而且可以使得移动端应用页面的数据与PC端应用页面的数据保持同步。并且,本发明不依赖PC端应用页面原厂商开发API接口即可实现。另外,移动端适配组件基于react框架实现,并结合相关的JavaScript技术封装而成,兼容不同分辨率及操作系统的移动设备。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是根据本发明的实施例的用于使移动端应用页面与PC端应用页面同步的方法的示意性流程图;
图2是根据本发明的一种实施例的PC端应用页面和移动端应用页面的示意性界面图;
图3是根据本发明的一种实施例的PC端应用页面和移动端应用页面的示意性界面图;
图4是根据本发明的一种实施例的PC端应用的页面元素的示意图;
图5是根据本发明的一种实施例的PC端应用的页面元素的示意图;
图6是根据本发明的实施例的用于使移动端应用页面与PC端应用页面同步的装置的示意性框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示意性地示出了根据本发明的实施例的用于使移动端应用页面与PC端应用页面同步的方法的示意性流程图。根据本发明的实施例,所述PC端应用页面可以是各种类型的为PC设备(例如,台式计算机、笔记本计算机等)编写的应用页面(例如,网页页面、表单页面等),包括但不限于利用HTML5编写的应用页面。根据本发明的实施例,所述移动端应用页面可以是各种类型的适合在移动设备(例如,平板电脑、智能手机等)上浏览的应用页面(例如,网页页面、表单页面、APP页面等)。
如图1所示,该方法可以包括步骤S110、S120、S130和S140,该方法始于步骤S110,其中,获取和解析PC端应用的页面元素。关于所述页面元素,以表单页面为例,其中的页面元素例如可以包括表单页面中的表格、日历、文本框、输入框、单选按钮等等。
根据本发明的实施例,可以通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
根据本发明的实施例,所述页面元素的标识可以包括以下的一种或多种:页面元素的ID、相对位置、类。
可选地,根据本发明的一种实施例,所述方法还可以包括可选步骤:在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。由于PC端应用页面中的页面元素可能会发生变化,因此,可以在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息,从而使转换后的移动端应用页面适应这样的变化。
在步骤S110之后,执行步骤S120,其中,基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置。以PC端应用页面中的单选按钮组件为例,单选按钮的选中状态一般包含selected作为标识,在定位过程中需要找到其标准的状态变化标识,就能定位到该组件的位置。
根据本发明的实施例,在步骤S120中,可以基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
接下来,执行步骤S130,其中,根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面。根据本发明的实施例,可以通过将所述一个或多个移动端适配组件放置到移动端应用页面中的一个或多个组件区域中,来构成移动端应用页面。
参见图2和图3,其中示出了根据本发明的一种实施例的PC端应用页面和移动端应用页面的示意性界面图。如图2和图3所示,在步骤S120中,可以基于PC端应用页面的页面元素的标识,定位PC端应用页面中用于登录的用户名输入框组件和密码输入框组件(参见图2中PC端应用页面右下侧方框内的部分);在步骤S130中,可以根据这两个PC端组件,选择相匹配的移动端适配组件,如图2右侧的移动端应用页面中的移动端用户名输入框组件和密码输入框组件,并且可以将适配的移动端用户名输入框组件和密码输入框组件放置到移动端应用页面中相应的组件区域中,来构成移动端应用页面。
在步骤S130之后,执行步骤S140,其中,通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。具体地,可以通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件。例如,可以通过页面的轮询检测,通过优化算法及轮询时机,在对移动设备性能、内存等消耗最小的情况下完成对PC端应用页面的定期监测。
以输入框组件为例,在适配的移动端输入框组件与PC端页面中的多行输入组件实现匹配后,移动端页面中获得的数据保持与PC端页面中的数据相同,而PC端的页面数据会存在动态变化,而这些变化的数据需要经过定期监测来进行动态读取,主要的读取过程包括页面DOM结构解析、页面标识元素获取判断等。而数据同步的过程则是把读取后的结果数据重新赋值到对应的移动端适配组件—输入框组件的过程。
以按钮组件为例,在适配的移动端按钮组件与PC端页面中的按钮组件实现匹配后,移动端页面中获得的数据保持与PC端页面中的数据相同,而PC端的页面数据会存在动态变化,而这些变化的数据则需要经过定期监测来进行动态读取,主要的读取过程包括页面DOM结构解析、页面标识元素获取判断等。而数据同步的过程则是把读取后的结果数据重新赋值到对应的移动端适配组件—按钮组件的过程。
可选地,根据本发明的一种实施例,所述方法还可以包括以下步骤:响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。例如,可以响应于移动端应用页面上登录按钮的触发,触发PC端应用页面上的登录事件。
PC端业务系统的每个表单元素依附于前端的html页面(或者说,是基于B/S的满足浏览器解析规范的前端展示页面),而与后台数据交互的媒介则是通过JavaScript及相关技术实现的。每个PC端组件都对应于后端交互的状态值,而功能流转按钮则对应着数据请求地址及相关的参数(组件的打包参数)。根据本发明,无需大量分析其网络请求过程,而是通过页面同步触发实现的,通过移动端页面与PC端页面形成的映射关系,只需在移动设备对应的按钮触发的同时,相应地触发到PC端的按钮即可,而无需关心原有系统的业务逻辑后台,是一个前端的解决方案。
参见图4,其中示出了根据本发明的一种实施例的PC端应用的页面元素的示意图。图4示出了PC端的表单应用页面的示意图,如图4所示,该PC端应用页面包括姓名、部门、岗位、入职日期、申请转正日期、备注等多个页面元素。如图4所示,以备注这个页面元素为例,其是一个多文本输入框,对应的标签为textarea,而在步骤S120定位的过程中,需要找到该标签textarea所包含的内容的区域(即,<textarea></textarea>所包含的区域)。而在步骤S130选择相匹配的一个或多个移动端适配组件的过程中,需要在选择例如input的移动端适配组件的同时,判断其所对应的textarea组件是否是满足其移动端适配组件要求的合适组件。这里匹配的移动端适配组件例如是输入框组件,在步骤S130构成移动端应用页面的过程中,就可以选择输入框组件,并将其放置到移动端应用页面中对应的组件区域中。
参见图5,其中示出了根据本发明的另一种实施例的PC端应用的页面元素的示意图。图5示出了PC端的表单应用页面的示意图,如图5所示,该PC端应用页面包括发送、保存、申请流程、打印按钮等多个页面元素。如图5所示,以发送按钮这个页面元素为例,其是一个按钮,对应的标签为input,而在步骤S120定位的过程中,需要找到其对应标签所包含内容的区域,input标签其type值是button,而其写法是按钮组件的基本写法。在定位的过程中,定位PC端组件所对应的input标签的开始和结束位置,从而得到其最小区域。而在步骤S130选择相匹配的一个或多个移动端适配组件的过程中,选择与其PC端组件匹配的移动端适配组件,并判断该移动端适配组件是否与原PC端组件类型匹配。这里匹配的移动端适配组件例如是按钮组件,在步骤S130构成移动端应用页面的过程中,就可以选择按钮组件,并将其放置到移动端应用页面中对应的组件区域中。
可选地,根据本发明的一种实施例,所述方法还可以包括以下步骤:将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。例如,可以将通过调用适配的移动端用户名输入框组件和密码输入框组件所生成的用户名和密码数据回传到PC端应用页面,从而实现在移动端应用页面完成PC端应用页面的相应操作。
与上述用于使移动端应用页面与PC端应用页面同步的方法相对应,本发明还提供了一种用于使移动端应用页面与PC端应用页面同步的装置。参见图6,其中示出根据本发明的实施例的用于使移动端应用页面与PC端应用页面同步的装置200的示意性框图。如图6所示,所述装置200包括:
获取和解析单元210,用于获取和解析PC端应用的页面元素;
定位单元220,用于基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;
构成单元230,用于根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及
同步单元240,用于通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
根据本发明的实施例,所述PC端应用页面可以是各种类型的为PC设备(例如,台式计算机、笔记本计算机等)编写的应用页面(例如,网页页面、表单页面等),包括但不限于利用HTML5编写的应用页面。根据本发明的实施例,所述移动端应用页面可以是各种类型的适合在移动设备(例如,平板电脑、智能手机等)上浏览的应用页面(例如,网页页面、表单页面、APP页面等)。
首先,所述获取和解析单元210获取和解析PC端应用的页面元素。关于所述页面元素,以表单页面为例,其中的页面元素例如可以包括表单页面中的表格、日历、文本框、输入框、单选按钮等等。
根据本发明的实施例,所述获取和解析单元210可以通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
根据本发明的实施例,所述页面元素的标识可以包括以下的一种或多种:页面元素的ID、相对位置、类。
可选地,根据本发明的一种实施例,所述装置还可以包括可选的更新单元,用于在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。由于PC端应用页面中的页面元素可能会发生变化,因此,所述更新单元可以在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息,从而使转换后的移动端应用页面适应这样的变化。
接下来,所述定位单元220可以基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置。以PC端应用页面中的单选按钮组件为例,单选按钮的选中状态一般包含selected作为标识,所述定位单元220在定位过程中需要找到其标准的状态变化标识,就能定位到该组件的位置。
根据本发明的实施例,所述定位单元220可以基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
接下来,所述构成单元230可以根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面。根据本发明的实施例,所述构成单元230可以通过将所述一个或多个移动端适配组件放置到移动端应用页面中的一个或多个组件区域中,来构成移动端应用页面。
参见图2和图3,其中示出了根据本发明的一种实施例的PC端应用页面和移动端应用页面的示意性界面图。如图2和图3所示,所述定位单元220可以基于PC端应用页面的页面元素的标识,定位PC端应用页面中用于登录的用户名输入框组件和密码输入框组件(参见图2中PC端应用页面右下侧方框内的部分);所述构成单元230可以根据这两个PC端组件,选择相匹配的移动端适配组件,如图2右侧的移动端应用页面中的移动端用户名输入框组件和密码输入框组件,并且所述构成单元230可以将适配的移动端用户名输入框组件和密码输入框组件放置到移动端应用页面中相应的组件区域中,来构成移动端应用页面。
之后,所述同步单元240通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。具体地,所述同步单元240可以通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件。例如,可以通过页面的轮询检测,通过优化算法及轮询时机,在对移动设备性能、内存等消耗最小的情况下完成对PC端应用页面的定期监测。
以输入框组件为例,在适配的移动端输入框组件与PC端页面中的多行输入组件实现匹配后,移动端页面中获得的数据保持与PC端页面中的数据相同,而PC端的页面数据会存在动态变化,而这些变化的数据需要经过定期监测来进行动态读取,主要的读取过程包括页面DOM结构解析、页面标识元素获取判断等。而数据同步的过程则是把读取后的结果数据重新赋值到对应的移动端适配组件—输入框组件的过程。
以按钮组件为例,在适配的移动端按钮组件与PC端页面中的按钮组件实现匹配后,移动端页面中获得的数据保持与PC端页面中的数据相同,而PC端的页面数据会存在动态变化,而这些变化的数据则需要经过定期监测来进行动态读取,主要的读取过程包括页面DOM结构解析、页面标识元素获取判断等。而数据同步的过程则是把读取后的结果数据重新赋值到对应的移动端适配组件—按钮组件的过程。
可选地,根据本发明的一种实施例,所述装置200还可以包括触发单元,用于响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。例如,所述触发单元可以响应于移动端应用页面上登录按钮的触发,触发PC端应用页面上的登录事件。
PC端业务系统的每个表单元素依附于前端的html页面(或者说,是基于B/S的满足浏览器解析规范的前端展示页面),而与后台数据交互的媒介则是通过JavaScript及相关技术实现的。每个PC端组件都对应于后端交互的状态值,而功能流转按钮则对应着数据请求地址及相关的参数(组件的打包参数)。根据本发明,无需大量分析其网络请求过程,而是通过页面同步触发实现的,通过移动端页面与PC端页面形成的映射关系,只需在移动设备对应的按钮触发的同时,相应地触发到PC端的按钮即可,而无需关心原有系统的业务逻辑后台,是一个前端的解决方案。
参见图4,其中示出了根据本发明的一种实施例的PC端应用的页面元素的示意图。图4示出了PC端的表单应用页面的示意图,如图4所示,该PC端应用页面包括姓名、部门、岗位、入职日期、申请转正日期、备注等多个页面元素。如图4所示,以备注这个页面元素为例,其是一个多文本输入框,对应的标签为textarea,而在所述定位单元220定位的过程中,需要找到该标签textarea所包含的内容的区域(即,<textarea></textarea>所包含的区域)。而在所述构成单元230选择相匹配的一个或多个移动端适配组件的过程中,需要在选择例如input的移动端适配组件的同时,判断其所对应的textarea组件是否是满足其移动端适配组件要求的合适组件。这里匹配的移动端适配组件例如是输入框组件,在所述构成单元230构成移动端应用页面的过程中,就可以选择输入框组件,并将其放置到移动端应用页面中对应的组件区域中。
参见图5,其中示出了根据本发明的另一种实施例的PC端应用的页面元素的示意图。图5示出了PC端的表单应用页面的示意图,如图5所示,该PC端应用页面包括发送、保存、申请流程、打印按钮等多个页面元素。如图5所示,以发送按钮这个页面元素为例,其是一个按钮,对应的标签为input,而在所述定位单元220定位的过程中,需要找到其对应标签所包含内容的区域,input标签其type值是button,而其写法是按钮组件的基本写法。在定位的过程中,所述定位单元220定位PC端组件所对应的input标签的开始和结束位置,从而得到其最小区域。而在所述构成单元230选择相匹配的一个或多个移动端适配组件的过程中,选择与其PC端组件匹配的移动端适配组件,并判断该移动端适配组件是否与原PC端组件类型匹配。这里匹配的移动端适配组件例如是按钮组件,在所述构成单元230构成移动端应用页面的过程中,就可以选择按钮组件,并将其放置到移动端应用页面中对应的组件区域中。
可选地,根据本发明的一种实施例,所述装置200还可以包括回传单元,用于将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。例如,所述回传单元可以将通过调用适配的移动端用户名输入框组件和密码输入框组件所生成的用户名和密码数据回传到PC端应用页面,从而实现在移动端应用页面完成PC端应用页面的相应操作。
根据本发明,可以获取和解析PC端应用的页面元素,基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置,根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面,通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。由此,实现了移动端适配组件与原PC端页面组件的精确定位以及映射关系,可以通过在移动端页面中放置适配的组件来获取到原PC端应用页面的数据逻辑效果,而且可以使得移动端应用页面的数据与PC端应用页面的数据保持同步。并且,本发明不依赖PC端应用页面原厂商开发API接口即可实现。另外,移动端适配组件基于react框架实现,并结合相关的JavaScript技术封装而成,兼容不同分辨率及操作系统的移动设备。
在此提供的方法和装置不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域的技术人员可以理解,可以对实施例中的装置中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个装置中。可以把实施例中的若干模块组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者模块中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个装置实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的装置中的一些或者全部模块的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (16)
1.一种用于使移动端应用页面与PC端应用页面同步的方法,包括:
获取和解析PC端应用的页面元素;
基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;
根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及
通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
2.如权利要求1所述的方法,还包括:响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。
3.如权利要求1所述的方法,其中所述通过对于PC端应用页面的定期监测使移动端应用页面的数据与PC端应用页面的数据同步的步骤包括:通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件。
4.如权利要求1至3中的任一项所述的方法,其中所述获取和解析PC端应用的页面元素的步骤包括:通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
5.如权利要求1至3中的任一项所述的方法,其中所述基于页面元素的标识定位PC端应用的一个或多个PC端组件的位置的步骤包括:基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
6.如权利要求1至3中的任一项所述的方法,还包括:在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。
7.如权利要求1至3中的任一项所述的方法,还包括:将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。
8.如权利要求1至3中的任一项所述的方法,其中所述页面元素的标识包括以下的一种或多种:页面元素的ID、相对位置、类。
9.一种用于使移动端应用页面与PC端应用页面同步的装置,包括:
获取和解析单元,用于获取和解析PC端应用的页面元素;
定位单元,用于基于页面元素的标识,定位PC端应用的一个或多个PC端组件的位置;
构成单元,用于根据确定位置的所述一个或多个PC端组件,选择相匹配的一个或多个移动端适配组件,并构成移动端应用页面;以及
同步单元,用于通过对于PC端应用页面的定期监测,使移动端应用页面的数据与PC端应用页面的数据同步。
10.如权利要求9所述的装置,还包括触发单元,用于响应于移动端应用页面上功能流转按钮的触发,触发PC端应用页面上对应的功能流转按钮的事件。
11.如权利要求9所述的装置,其中所述同步单元通过对于PC端应用页面的定期监测,将监测得到的结果数据重新赋值到对应的移动端适配组件,从而使移动端应用页面的数据与PC端应用页面的数据同步。
12.如权利要求9至11中的任一项所述的装置,其中所述获取和解析单元通过循环解析所述PC端应用的页面元素,来获取所述页面元素的标识。
13.如权利要求9至11中的任一项所述的装置,其中所述定位单元基于页面元素的标识,定位到PC端应用的一个或多个PC端组件的最小区域。
14.如权利要求9至11中的任一项所述的装置,还包括更新单元,用于在服务器中以预先定义的周期更新所述PC端应用的页面元素的信息。
15.如权利要求9至11中的任一项所述的装置,还包括回传单元,用于将通过调用移动端适配组件所生成的资源数据回传到所述PC端应用页面。
16.如权利要求9至11中的任一项所述的装置,其中所述页面元素的标识包括以下的一种或多种:页面元素的ID、相对位置、类。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610379571.XA CN106126197A (zh) | 2016-05-31 | 2016-05-31 | 使移动端应用页面与pc端应用页面同步的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610379571.XA CN106126197A (zh) | 2016-05-31 | 2016-05-31 | 使移动端应用页面与pc端应用页面同步的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106126197A true CN106126197A (zh) | 2016-11-16 |
Family
ID=57270697
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610379571.XA Pending CN106126197A (zh) | 2016-05-31 | 2016-05-31 | 使移动端应用页面与pc端应用页面同步的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106126197A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107741887A (zh) * | 2017-10-23 | 2018-02-27 | 山东浪潮通软信息科技有限公司 | 一种组件间的通信交互方法和装置 |
CN108958858A (zh) * | 2018-05-24 | 2018-12-07 | 北京长城华冠汽车科技股份有限公司 | 图形用户界面的页面同步方法 |
CN109408300A (zh) * | 2018-11-13 | 2019-03-01 | 红芯时代(北京)科技有限公司 | 一种云端浏览器高可用方法、系统及其装置 |
CN109492179A (zh) * | 2018-11-14 | 2019-03-19 | 红芯时代(北京)科技有限公司 | 一种云端无损适配方法、系统及装置 |
CN112506479A (zh) * | 2020-11-30 | 2021-03-16 | 北京百度网讯科技有限公司 | 页面编辑的方法、装置、设备以及存储介质 |
CN110554950B (zh) * | 2018-05-30 | 2024-02-02 | 广州腾讯科技有限公司 | 一种界面调试方法、装置及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050057560A1 (en) * | 2003-09-17 | 2005-03-17 | Viera Bibr | System and method for building wireless applications with intelligent mapping between user interface and data components |
US20060077941A1 (en) * | 2004-09-20 | 2006-04-13 | Meyyappan Alagappan | User interface system and method for implementation on multiple types of clients |
CN102638716A (zh) * | 2012-03-21 | 2012-08-15 | 华为技术有限公司 | 实现移动终端遥控电视的方法、装置和系统 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN103678259A (zh) * | 2013-12-18 | 2014-03-26 | 小米科技有限责任公司 | 一种页面的适配方法、装置和终端设备 |
-
2016
- 2016-05-31 CN CN201610379571.XA patent/CN106126197A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050057560A1 (en) * | 2003-09-17 | 2005-03-17 | Viera Bibr | System and method for building wireless applications with intelligent mapping between user interface and data components |
US20060077941A1 (en) * | 2004-09-20 | 2006-04-13 | Meyyappan Alagappan | User interface system and method for implementation on multiple types of clients |
CN102638716A (zh) * | 2012-03-21 | 2012-08-15 | 华为技术有限公司 | 实现移动终端遥控电视的方法、装置和系统 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN103678259A (zh) * | 2013-12-18 | 2014-03-26 | 小米科技有限责任公司 | 一种页面的适配方法、装置和终端设备 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107741887A (zh) * | 2017-10-23 | 2018-02-27 | 山东浪潮通软信息科技有限公司 | 一种组件间的通信交互方法和装置 |
CN108958858A (zh) * | 2018-05-24 | 2018-12-07 | 北京长城华冠汽车科技股份有限公司 | 图形用户界面的页面同步方法 |
CN110554950B (zh) * | 2018-05-30 | 2024-02-02 | 广州腾讯科技有限公司 | 一种界面调试方法、装置及存储介质 |
CN109408300A (zh) * | 2018-11-13 | 2019-03-01 | 红芯时代(北京)科技有限公司 | 一种云端浏览器高可用方法、系统及其装置 |
CN109492179A (zh) * | 2018-11-14 | 2019-03-19 | 红芯时代(北京)科技有限公司 | 一种云端无损适配方法、系统及装置 |
CN112506479A (zh) * | 2020-11-30 | 2021-03-16 | 北京百度网讯科技有限公司 | 页面编辑的方法、装置、设备以及存储介质 |
CN112506479B (zh) * | 2020-11-30 | 2024-03-01 | 北京百度网讯科技有限公司 | 页面编辑的方法、装置、设备以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106126197A (zh) | 使移动端应用页面与pc端应用页面同步的方法及装置 | |
CN100421375C (zh) | 数据共享系统及方法 | |
US11553035B2 (en) | Cross-platform module for loading across a plurality of device types | |
US20140244812A1 (en) | Method, system and program for browser to switch ie core | |
US20150074561A1 (en) | Customizable themes for browsers and web content | |
US20180095604A1 (en) | Rendering components based on screen size | |
CN109542427A (zh) | 一种系统定制方法、装置及电子设备和存储介质 | |
CN103034546B (zh) | iOS系统中应用程序间通信的方法及装置 | |
US11741002B2 (en) | Test automation systems and methods using logical identifiers | |
CN106157109A (zh) | 比价方法、装置及终端 | |
CN105260421A (zh) | 网页加载方法及装置 | |
CN107391118B (zh) | 一种Web应用用户体验平台系统 | |
CN106126517A (zh) | 将pc端应用页面转换为移动端应用页面的方法及装置 | |
CN105373533B (zh) | 一种页面链接地址的检测方法、客户端及装置 | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN103544271B (zh) | 一种浏览器中加载图片处理窗口的方法和装置 | |
US10210001B2 (en) | Automatic execution of objects in a user interface | |
CN104182229A (zh) | 回调显示方法及装置、回调方法及装置 | |
CN106126240A (zh) | 一种定制移动终端桌面快捷图标的方法及系统 | |
CN105739717B (zh) | 信息输入方法和装置 | |
CN109344353B (zh) | 一种可配置化的本地缓存刷新方法及终端 | |
CN111767542A (zh) | 一种越权检测方法和装置 | |
CN112384940A (zh) | 用于web爬取电子商务资源页面的机制 | |
CN106126198A (zh) | 在移动端加载pc端应用页面的方法及装置 | |
CN105808628A (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100080 Haidian Street, Haidian District, Beijing Applicant after: Red Core Age (Beijing) Technology Co., Ltd. Address before: 100080 Haidian Street, Haidian District, Beijing Applicant before: Metong cloud (Beijing) Technology Co. Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161116 |