CN106126198A - 在移动端加载pc端应用页面的方法及装置 - Google Patents

Abstract

本发明提供了一种用于在移动端加载PC端应用页面的方法和装置，所述方法包括：根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

Description

在移动端加载PC端应用页面的方法及装置

技术领域

本发明涉及互联网技术领域，尤其涉及一种用于在移动端加载PC端应用页面的方法及装置。

背景技术

随着移动互联网的普及和发展，越来越多的用户习惯于在移动设备上浏览PC端的应用页面。由于移动设备的屏幕相对于PC设备的屏幕普遍要小得多，因此需要对PC端应用页面进行处理，使其适合在移动设备上进行浏览。在现有技术的这样的移动化处理中，是通过原有的PC端***提供的API接口来实现移动化开发方式，此方式不涉及用户的实际页面，数据交互的方式都是通过程序来完成，但现有的通过对原有PC端***界面进行重新渲染的技术无法解决兼容性困难问题并提供浏览器插件支持，而只能通过与原有PC端***的开发厂商合作、通过接口开发的方式来实现，这就会导致开发门槛高且开发费时费力。

发明内容

鉴于上述问题，提出了本发明，以便提供一种克服上述问题或者至少部分地解决上述问题的用于在移动端加载PC端应用页面的方法及装置，用于解决现有技术中存在的缺陷。

在本发明实施方式的第一方面中，提供了一种用于在移动端加载PC端应用页面的方法，包括：

根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；

根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及

当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的方法中，在所述通过所述可兼容的代码的URL来调用所述可兼容的代码的步骤后，所述方法还包括：将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的方法中，所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中，其中在所述通过所述可兼容的代码的URL来调用所述可兼容的代码的步骤中，通过从所述服务器中调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的方法中，根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的方法中，在所述通过从所述服务器中调用所述资源配置文件和所述资源替换文件来调用所述可兼容的代码的步骤中，通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。

在本发明实施方式的第二方面中，提供了一种用于在移动端加载PC端应用页面的装置，包括：

第一确定单元，用于根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；

第二确定单元，用于根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及

调用单元，用于当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的装置中，还包括回传单元，用于在所述调用单元通过所述可兼容的代码的URL来调用所述可兼容的代码后，将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的装置中，所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中，所述调用单元通过从所述服务器中调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的装置中，还包括更新单元，用于根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。

在根据本发明的上述任一实施例的用于在移动端加载PC端应用页面的装置中，所述调用单元为了通过从所述服务器中调用所述资源配置文件和所述资源替换文件来调用所述可兼容的代码，通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。

根据本发明，可以根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL，根据所述存在兼容性问题的代码，确定可兼容的代码及其URL，并且当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。由此，很好地解决了在移动端加载PC端应用页面时存在的兼容性问题，而不再需要与原有的PC端应用页面的开发者合作来对于PC端应用页面进行二次开发，极大地降低了开发成本。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1是根据本发明的实施例的用于在移动端加载PC端应用页面的方法的示意性流程图；

图2是根据本发明的一种实施例的包含存在兼容性问题的代码的示意性界面图；

图3是根据本发明的一种实施例的包含可兼容的代码的示意性界面图；

图4是根据本发明的一种实施例的包含存在兼容性问题的代码的示意性界面图；

图5是根据本发明的一种实施例的包含可兼容的代码的示意性界面图；

图6是根据本发明的一种实施例的资源配置文件的代码的示意图；

图7是根据本发明的一种实施例的可兼容的代码的示意图；

图8是根据本发明的实施例的用于在移动端加载PC端应用页面的装置的示意性框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示意性地示出了根据本发明的实施例的用于在移动端加载PC端应用页面的方法的示意性流程图。根据本发明的实施例，所述PC端应用页面可以是各种类型的为PC设备(例如，台式计算机、笔记本计算机等)编写的应用页面(例如，网页页面、表单页面等)，包括但不限于利用HTML5编写的应用页面。根据本发明的实施例，所述移动端可以是各种类型的移动设备，例如，平板电脑、智能手机等。

如图1所示，该方法可以包括步骤S110、S120、S130，该方法始于步骤S110，其中，根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL。

图2是根据本发明的一种实施例的包含存在兼容性问题的代码的示意性界面图。如图2所示，当在移动端加载PC端应用页面时，如果存在兼容性问题，会出现如图2右下角椭圆圈内的报错信息，这里报错的原因在于PC端应用页面在设计时没有考虑移动端访问时的兼容问题。错误信息会记录在运行日志中，通过分析该运行日志，可以确定PC端应用页面中存在兼容性问题的代码及其URL。

图4是根据本发明的另一种实施例的包含存在兼容性问题的代码的示意性界面图。如图4所示，当在移动端加载PC端应用页面时，如果存在兼容性问题，会出现如图4右上角椭圆圈内的报错信息，这里报错的原因在于该PC端应用页面中的部分代码只兼容老版本的IE浏览器，兼容性较差。错误信息会记录在运行日志中，通过分析该运行日志，可以确定PC端应用页面中存在兼容性问题的代码及其URL。

在步骤S110之后，执行步骤S120，其中，根据所述存在兼容性问题的代码，确定可兼容的代码及其URL。根据本发明的实施例，可以通过分析存在兼容性问题的代码，确定其中存在的兼容性问题，从而确定可兼容的代码及其URL。

根据本发明的实施例，所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中。在一种替换的实施例中，可以将所述资源替换文件和资源配置文件存储在移动端本地。

接下来，执行步骤S130，其中，当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。根据本发明的实施例，可以通过从服务器或者从移动端本地调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

其中，可选地，可以通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。编译器通过调用资源配置文件，并且把资源配置文件转换为可供移动端浏览器识别的标准格式接口文件，通过读取资源配置文件来传递给移动端浏览器解析，同时编译器会调用原PC端应用页面的相应JavaScript文件并结合资源配置文件将其原JavaScript文件替换为经过改写的JavaScript文件。

图3是对应于图2的实施例的包含可兼容的代码的示意性界面图。如图3所示，通过调用可兼容的代码，可以顺利运行，不会再出现报错。

图5是对应于图4的实施例的包含可兼容的代码的示意性界面图。如图5所示，通过调用可兼容的代码，可以顺利运行，不会再出现报错。

图6是根据本发明的一种实施例的资源配置文件的代码的示意图。如图6所示，defaultURL指定的是原PC端应用页面JavaScript文件的URL，而可兼容的代码的URL则为override_urls中的URL。

图7是根据本发明的一种实施例的可兼容的代码的示意图。如图7所示，其中给出了常用的可兼容的代码的示例。

可选地，根据本发明的一种实施例，所述方法还可以包括可选步骤：根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。由于PC端应用页面中的页面元素可能会发生变化，因此，可以在服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件，从而适应PC端应用页面发生的变化。

可选地，根据本发明的一种实施例，在所述步骤S130后，所述方法还可以包括可选步骤：将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。这样，由于在移动端调用了可兼容的代码，因此可以在移动端正常生成资源数据，通过将资源数据回传到PC端应用页面，可以实现在移动端应用页面完成PC端应用页面的相应操作。

可选地，根据本发明的一种实施例，所述方法还可以包括以下步骤：响应于移动端应用页面上功能流转按钮的触发，触发PC端应用页面上对应的功能流转按钮的事件。例如，可以响应于移动端应用页面上登录按钮的触发，触发PC端应用页面上的登录事件。

PC端业务***的每个表单元素依附于前端的html页面(或者说，是基于B/S的满足浏览器解析规范的前端展示页面)，而与后台数据交互的媒介则是通过JavaScript及相关技术实现的。每个PC端组件都对应于后端交互的状态值，而功能流转按钮则对应着数据请求地址及相关的参数(组件的打包参数)。根据本发明，无需大量分析其网络请求过程，而是通过页面同步触发实现的，通过移动端页面与PC端页面形成的映射关系，只需在移动设备对应的按钮触发的同时，相应地触发到PC端的按钮即可，而无需关心原有***的业务逻辑后台，是一个前端的解决方案。

与上述用于在移动端加载PC端应用页面的方法相对应，本发明还提供了一种用于在移动端加载PC端应用页面的装置。参见图8，其中示出根据本发明的实施例的用于在移动端加载PC端应用页面的装置200的示意性框图。如图8所示，所述装置200包括：

第一确定单元210，用于根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；

第二确定单元220，用于根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及

调用单元230，用于当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

根据本发明的实施例，所述PC端应用页面可以是各种类型的为PC设备(例如，台式计算机、笔记本计算机等)编写的应用页面(例如，网页页面、表单页面等)，包括但不限于利用HTML5编写的应用页面。根据本发明的实施例，所述移动端可以是各种类型的移动设备，例如，平板电脑、智能手机等。

首先，所述第一确定单元210根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL。

图2是根据本发明的一种实施例的包含存在兼容性问题的代码的示意性界面图。如图2所示，当在移动端加载PC端应用页面时，如果存在兼容性问题，会出现如图2右下角椭圆圈内的报错信息，这里报错的原因在于PC端应用页面在设计时没有考虑移动端访问时的兼容问题。错误信息会记录在运行日志中，通过分析该运行日志，可以确定PC端应用页面中存在兼容性问题的代码及其URL。

图4是根据本发明的另一种实施例的包含存在兼容性问题的代码的示意性界面图。如图4所示，当在移动端加载PC端应用页面时，如果存在兼容性问题，会出现如图4右上角椭圆圈内的报错信息，这里报错的原因在于该PC端应用页面中的部分代码只兼容老版本的IE浏览器，兼容性较差。错误信息会记录在运行日志中，通过分析该运行日志，可以确定PC端应用页面中存在兼容性问题的代码及其URL。

接下来，所述第二确定单元220根据所述存在兼容性问题的代码，确定可兼容的代码及其URL。根据本发明的实施例，所述第二确定单元220可以通过分析存在兼容性问题的代码，确定其中存在的兼容性问题，从而确定可兼容的代码及其URL。

根据本发明的实施例，所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中。在一种替换的实施例中，可以将所述资源替换文件和资源配置文件存储在移动端本地。

接下来，当加载到所述存在兼容性问题的代码的URL时，所述调用单元230通过所述可兼容的代码的URL来调用所述可兼容的代码。根据本发明的实施例，所述调用单元230可以通过从服务器或者从移动端本地调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

其中，可选地，所述调用单元230可以通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。编译器通过调用资源配置文件，并且把资源配置文件转换为可供移动端浏览器识别的标准格式接口文件，通过读取资源配置文件来传递给移动端浏览器解析，同时编译器会调用原PC端应用页面的相应JavaScript文件并结合资源配置文件将其原JavaScript文件替换为经过改写的JavaScript文件。

图3是对应于图2的实施例的包含可兼容的代码的示意性界面图。如图3所示，通过调用可兼容的代码，可以顺利运行，不会再出现报错。

图5是对应于图4的实施例的包含可兼容的代码的示意性界面图。如图5所示，通过调用可兼容的代码，可以顺利运行，不会再出现报错。

图6是根据本发明的一种实施例的资源配置文件的代码的示意图。如图6所示，defaultURL指定的是原PC端应用页面JavaScript文件的URL，而可兼容的代码的URL则为override_urls中的URL。

图7是根据本发明的一种实施例的可兼容的代码的示意图。如图7所示，其中给出了常用的可兼容的代码的示例。

可选地，根据本发明的一种实施例，所述装置200还可以包括更新单元，用于根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。由于PC端应用页面中的页面元素可能会发生变化，因此，所述更新单元可以在服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件，从而适应PC端应用页面发生的变化。

可选地，根据本发明的一种实施例，所述装置200还可以包括回传单元，用于在所述调用单元230通过所述可兼容的代码的URL来调用所述可兼容的代码后，将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。这样，由于在移动端调用了可兼容的代码，因此可以在移动端正常生成资源数据，通过将资源数据回传到PC端应用页面，可以实现在移动端应用页面完成PC端应用页面的相应操作。

可选地，根据本发明的一种实施例，所述装置200还可以包括触发单元，用于响应于移动端应用页面上功能流转按钮的触发，触发PC端应用页面上对应的功能流转按钮的事件。例如，所述触发单元可以响应于移动端应用页面上登录按钮的触发，触发PC端应用页面上的登录事件。

PC端业务***的每个表单元素依附于前端的html页面(或者说，是基于B/S的满足浏览器解析规范的前端展示页面)，而与后台数据交互的媒介则是通过JavaScript及相关技术实现的。每个PC端组件都对应于后端交互的状态值，而功能流转按钮则对应着数据请求地址及相关的参数(组件的打包参数)。根据本发明，无需大量分析其网络请求过程，而是通过页面同步触发实现的，通过移动端页面与PC端页面形成的映射关系，只需在移动设备对应的按钮触发的同时，相应地触发到PC端的按钮即可，而无需关心原有***的业务逻辑后台，是一个前端的解决方案。

根据本发明，可以根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL，根据所述存在兼容性问题的代码，确定可兼容的代码及其URL，并且当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。由此，很好地解决了在移动端加载PC端应用页面时存在的兼容性问题，而不再需要与原有的PC端应用页面的开发者合作来对于PC端应用页面进行二次开发，极大地降低了开发成本。

在此提供的方法和装置不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述，构造这类装置所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域的技术人员可以理解，可以对实施例中的装置中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个装置中。可以把实施例中的若干模块组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者模块中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个装置实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的装置中的一些或者全部模块的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (10)

1.一种用于在移动端加载PC端应用页面的方法，包括：

根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；

根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及

当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

2.如权利要求1所述的方法，其中在所述通过所述可兼容的代码的URL来调用所述可兼容的代码的步骤后，所述方法还包括：

将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。

3.如权利要求1所述的方法，其中所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中，

其中在所述通过所述可兼容的代码的URL来调用所述可兼容的代码的步骤中，通过从所述服务器中调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

4.如权利要求3所述的方法，其中根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。

5.如权利要求3所述的方法，其中在所述通过从所述服务器中调用所述资源配置文件和所述资源替换文件来调用所述可兼容的代码的步骤中，通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。

6.一种用于在移动端加载PC端应用页面的装置，包括：

第一确定单元，用于根据移动端加载PC端应用页面时生成的运行日志，确定PC端应用页面中存在兼容性问题的代码及其URL；

第二确定单元，用于根据所述存在兼容性问题的代码，确定可兼容的代码及其URL；以及

调用单元，用于当加载到所述存在兼容性问题的代码的URL时，通过所述可兼容的代码的URL来调用所述可兼容的代码。

7.如权利要求6所述的装置，还包括回传单元，用于在所述调用单元通过所述可兼容的代码的URL来调用所述可兼容的代码后，将通过调用所述可兼容的代码所生成的资源数据回传到所述PC端应用页面。

8.如权利要求6所述的装置，其中所述可兼容的代码存储在资源替换文件中，所述可兼容的代码的URL存储在资源配置文件中，所述资源替换文件和资源配置文件存储在服务器中，

所述调用单元通过从所述服务器中调用所述资源配置文件和所述资源替换文件，来调用所述可兼容的代码。

9.如权利要求8所述的装置，还包括更新单元，用于根据PC端应用页面的变化，在所述服务器中以预先定义的周期更新所述资源配置文件和所述资源替换文件。

10.如权利要求8所述的装置，其中所述调用单元为了通过从所述服务器中调用所述资源配置文件和所述资源替换文件来调用所述可兼容的代码，通过编译器对所述资源替换文件进行编译，以调用所述可兼容的代码。