一种终端应用页面的调试方法、装置及客户端与流程

本申请属于计算机数据处理技术领域，尤其涉及一种终端应用页面的调试方法、装置及客户端。

背景技术：

随着智能终端技术的发展，人们可以在自己的手机、平板等移动设备上通过浏览器打开网站页面或者终端应用APP(Application)中包含的Web页面进行阅读新闻、观看视频等。出于开发、设计、维护等需求，开发人员常常需要对终端页面进行页面调试，如调试页面端的脚本语言(javascript)，以及css、html等，使终端应用页面保持良好的运营，保障用户的使用体验。

目前现有技术中对终端应用页面的调试比较困难。目前大多数终端应用的页面调试需要通过将页面运行在真机客户端，然后通过USB数据线与调试设备进行连接后在终端设备的特定调试平台中实现。例如目前在iOS系统中如果要调试Mobile Safari中的页面或者APP中含有的Web页面，都必须与Mac os下的Safari连接才能使用。目前现有技术调试方式中开发者只能使用特定调试平台的方式显然对终端应用的页面调试调试产生了极大的限制，导致开发者不能够快速、便捷的对终端应用页面进行调试，降低了终端应用页面故障解决、页面维护、开发调试等的处理效率。

技术实现要素：

本申请目的在于提供一种终端应用页面的调试方法、装置及客户端，可以实现脱离调试终端的原有特定调试平台的限定，使用更加灵活方便的对终端应用的页面进行调试，提高页面调试的处理效率。

本申请提供一种终端应用页面的调试方法、装置及客户端是这样实现的：

一种终端应用的页面调试方法，所述方法包括：

构建页面调试的前端资源文件，以及设置页面调试的调试配置信息；

将所述调试配置信息发送至跨平台消息推送应用；

所述跨平台消息推送应用将所述调试配置信息推送至相应的调试终端；

调试终端接收到包括调试配置信息的通知消息后基于所述构建的前端资源文件和提供的资源访问接口打开相应应用的页面，以及基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器；

接收调试终端发送的拦截资源文件信息，对所述拦截资源文件信息的内容进行本地修改后进行资源构建，生成调试后资源文件；将所述调试后资源文件发送至调试终端；

调试终端接收所述调试后资源文件，更新相应应用的页面资源文件信息。

一种终端应用页面的调试方法，所述方法包括：

构建页面调试的前端资源文件，以及设置页面调试的调试配置信息；

通过设置的本地应用服务器将所述调试配置信息发送至调试终端；

接收调试终端发送的拦截资源文件信息，对所述拦截资源文件信息的内容进行本地修改后进行资源构建，生成调试后资源文件；

将所述调试后资源文件发送至调试终端。

一种终端应用页面的调试方法，所述方法包括：

接收到包括调试配置信息的通知消息后基于构建的前端资源文件和提供的资源访问接口打开相应应用的页面；

基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器；

接收所述本地应用服务器基于所述拦截资源文件信息进行本地修改后的调试后资源文件，更新相应应用的页面资源文件信息。

一种终端应用页面的调试装置，所述装置包括：

资源配置模块，用于构建页面调试的前端资源文件，以及设置页面调试的调试配置信息；

应用服务模块，以及将调试后资源文件发送至调试终端；还用于接收调试终端发送的拦截资源文件信息，对所述拦截资源文件信息的内容进行本地修改后进行资源构建，生成调试后资源文件；还用于提供调试终端访问所述资源配置模块中构建的前端资源文件的访问接口。

一种应用页面调试的客户端，所述客户端被设置成，包括：

数据接收单元，用于接收包括调试配置信息的通知消息，和接收本地应用服务器基于获 取的拦截资源文件信息进行本地修改后的调试后资源文件；

数据处理单元，可以用于基于构建的前端资源文件和提供的资源访问接口打开相应应用的页面；还可以用于根据所述调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器；还可以用于基于所述接收的调试后资源文件信息更新相应应用的页面资源文件信息。

本申请提供的终端应用页面的调试方法、装置及客户端，可以在本地构建资源文件，并利用本地设置的应用服务器将需要启动调试的服务信息通过跨平台消息推送应用推送到调试终端上。调试终端应用可以根据调试配置信息的内容进行启用应用的调试模式，通过应用服务器提供的接口访问本地的资源文件，打开相应的Web页面。然后根据设置拦截页面的资源文件信息，将其转发至本地应用服务器上进行调试修改。本地应用服务器可以将调试修改后的资源文件反馈给调试终端，调试终端接收修改后资源文件可以自动进行刷新更新，实现脱离原有固有平台对调试的限制，可以更加方便、灵活的对终端应用的页面进行调试处理。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请提供的终端应用的页面调试方法一种实施例的方法流程示意图；

图2是本申请提供的终端应用的页面调试装置一种实施例的模块结构示意图；

图3是本申请所述应用服务模块一种实施例的模块结构示意图；

图4是本申请所述终端应用页面的调试装置另一种实施例的模块结构示意图；

图5是本申请提供的应用页面调试客户端一种实施例的模块结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

下面结合附图对本申请所述的终端应用的页面调试方法、装置及客户端进行详细的说 明。图1是本申请提供的终端应用的页面调试方法的一种实施例的方法流程示意图。虽然本申请提供了如下述实施例或附图所示的方法操作步骤或装置结构，但基于常规或者无需创造性的劳动在所述方法或装置中可以包括更多或者更少的操作步骤或模块结构。在逻辑性上不存在必要因果关系的步骤或结构中，这些步骤的执行顺序或装置的模块结构不限于本申请实施例提供的执行顺序或模块结构。所述的方法或模块结构的在实际中的装置或终端产品执行时，可以按照实施例或者附图所示的方法或模块结构连接进行顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。

具体的如图1所示，本申请提供的终端应用的页面调试方法的一种实施例可以包括：

S1：构建页面调试的前端资源文件，以及设置页面调试的调试配置信息。

在本实施例中可以预先构建调试终端进行页面调试时打开页面所需要的前端资源文件。例如某终端上支付产品应用A打开Web页面时需要的图片、用户信息数据、颜色及框架排版等的资源文件内容。这些在调试过程中使用的前端资源文件可以预先在本地进行构建、存储。如应用A打开页面时需加载调用的用户数据信息，也本申请实施例中可以预先在本地构建一个用户信息数据库供调试终端应用A打开页面使用。当然，具体的需要构建的前端资源文件可以根据需要进行调试的页面进行设置。本申请中所述的调试终端可以包括智能手机、平板电脑等移动终端设备，也可以为PC、服务器等。

一般的，打开Web页面通常需要加载一些指定资源文件信息。本申请中所述的前端资源文件可以用于调试终端中的应用打开页面时进行加载使用的资源文件数据。具体的实施过程中所述的前端资源文件可以为调试终端的应用打开页面所需的全部资源，也可以为部分资源文件。例如测试终端应用打开页面所需的图片数据为指定服务器位置上存储的样本图片，在本申请实施例中在进行页面调试时可以在本地构建一个页面展示使用的新的图片数据库的前端资源文件，所述的前端资源文件可以在调试终端打开页面时被加载使用，这样可以保障调试终端的应用可以正常打开Web页面，保障页面调试的顺利进行。

本申请所述的构建前端资源文件具体的实现方式上，可以通过调用webpack进行前端资源构建，生成页面调试使用的最终的资源文件。具体的构建的前端资源文件类型可以根据需要调试的需求进行确定，如js、html、css等。该构建的资源文件内容可以存放在本地进行终端应用页面调试的设备中，具体的可以由调试人员设置是存储在内存或输出的磁盘中。本申请实施例中使用的所述webpack为一种前端资源加载/打包工具，在本实施例具体的实施过程中可以通过相对简单的配置可以实现提供调试终端页面调试、检测等工程优化需要的各种功能。当然，本申请所述的构建页面调试的前端资源文件不限于本实施例所述的通过webpack进行构建的方式，采用其他方式或工具构建出的页面调试使用的前端资源文件仍然可以适用 本申请。

同时本实施例中可以预先设置页面调试的调试配置信息。所述的调试配置信息可以包括页面调试的对象信息、调试模块控制指令、拦截策略、调试方式、是否启用调试功能等的控制、监测等的配置信息。所述的调试配置信息可以存储在本地配置文件中，可以对终端应用的调试相关信息予以描述。本申请的一种实施例中，所述的调试配置信息可以被设置成，包括：

指示调试终端获取打开指定页面的全部资源文件信息并将所述全部资源文件信息转发至所述本地应用服务器的拦截设置信息。

另一种实施例中，所述的调试配置信息可以被设置成，包括：

指示调试终端打开所述页面时获取设置的指定拦截的资源文件信息并将所述获取的资源文件信息转发至所述本地应用服务器的拦截设置信息。

在本申请实施例中，可以预先构建页面调试使用的前端资源文件和设置页面调试的调试配置信息。不同的页面调试处理场景中可以根据调试处理需求设置不同的拦截获取所述资源文件信息的拦截方式。

S2：将所述调试配置信息发送至跨平台消息推送应用。

本申请的一个实施例中，可以设置并启用一个本地应用服务器。本实施例应用场景中所述的本地应用服务器可以被设置成可以用于将需要启动调试服务的相关信息如本实施例中所述的调试配置信息推送到跨平台消息推送应用。所述的跨平台消息推送应用通常包括能直接与调试终端互联进行数据通信进而实现将推送消息发送推送至指定调试终端的应用的消息推送平台。不同的应用场景中，不同系统的终端设备可以有着相应的跨平台消息推送应用。例如本实施例使用iOS系统的终端的应用场景中，所述的跨平台消息推送应用可以为APNS(Apple Push Notification Service，APNS，苹果推送通知服务)。

具体的应用场景中可以通过koa启动一个本地应用服务器。所述的koa为一种更小、更健壮、更富有表现力的Web框架工具，通过koa可以设置并启动本地应用服务器。一般的，所述本地应用服务器还可以提供外界访问所述构建出的前端资源文件内容的资源访问接口。如koa启动的本地应用服务器可以提供一个http服务，如http://10.12.11.110:8000，这样外界模块或组件或应用服务可以通过url访问到构建出的前端资源文件的内容。需要说明的是，上述所述的外界可以包括公网上的设备，如苹果终端设备可以通过提供的url资源访问接口访问前端资源文件。其他的应用场中也可以包括属于同一局域网络内其他终端设备，如设置 的资源访问接口可以为http://127.0.0.1:8000，这样属于同一局域网络的调试终端可以访问所述构建的前端资源文件。

本申请实施例中可以通过本地应用服务器将包括调试配置信息的通知消息(notification)发送至调试终端的跨平台消息推送应用。当然，进一步的，所述跨平台消息推送应用可以将接收到的通知消息推送至相应的终端设备。因此，本申请所述的终端应用的页面调试方法还可以包括：

S3：所述跨平台消息推送应用将所述调试配置信息推送至相应的调试终端。

具体的例如上述测试终端为iOS系统的应用场景中，应用服务器可以发送包括所述调试配置信息的通知消息notification到APNS，然后再通过APNS将该通知消息推送到相应的移动终端。

在本实施例应用场景中，所述的跨平台消息推送应用APNS为苹果的PUSH服务器。一般的，当iOS设备连接网络后会自动与APNS保持类似TCP的长链接，用于监测APNS推送来的通知消息。当移动终端或调试应用等应用请求端(Provider)需要给移动终端应用推送消息时，Provider可以将push内容、接收push消息的设备标识(device token)等按照APNS指定的数据格式打包后发送给APNS。APNS收到Provider发送的消息后可以根据相应的设备标识查找设备。如果该设备以及和APNS建立了连接，则可以立即将消息推送给该设备，如果该设备不在线，则可以在该设备下次连接到APNS后将消息推送给设备。本申请实施例设置的本地应用服务器相当于上述APNS应用场景中的Provider的角色，在本实施例中，所述本地应用服务器可以将相关设备的调试信息通过通知消息发送给APNS，然后APNS可以将该通知消息推送到相应的终端设备中。

需要说明的是，本实施例中可以通过设置的本地应用服务器将所述调试配置信息发送调试终端，具体的例如上述通过与调试终端相应的跨平台消息推送应用将包括所述调试配置信息的通知消息发送至调试终端。但本申请并不排除在一些应用场中直接将所述调试配置信息发送至调试终端的实施方式。

S4：调试终端接收到包括调试配置信息的通知消息后基于所述构建的前端资源文件和提供的资源访问接口打开相应应用的页面，以及基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器。

在本实施例应场景中，调试终端在收到通知消息notification后，可以启用调试设备中应用的调试模式，然后用容器打开相应应用的Web页面。前述中例如通过koa可以启用一个本 地应用服务器，所述本地应用服务器可以提供例如http服务的资源访问接口，可以使调试终端访问webpack构建的前端资源文件，保障调试终端应用页面的打开。调试终端具体的需要打开的应用页面可以在调试配置信息中预先设置。当然，本申请也可以直接由调试人员手动打开调试终端进行调试的App，启用应用的调试模式，然后基于调试人员的触发打开相应页面。

进一步的，在本申请实施方案中，在打开所述Web页面时，可以拦截获取打开所述Web页面所需的资源文件信息。然后可以将拦截获取的资源文件信息转发至所述本地应用服务器上。所述拦截资源文件信息可以包括一种或多种页面语言的页面源代码数据，通常可以包括页面文本控制信息、图片信息、脚本等。具体的应用场景中例如，某调试终端的一个支付产品应用设计的为在打开Web页面时需要调用一张主页标题使用的背景图片，为img_001＝http://127.0.0.1/pictures/picture_001。本申请实施例中可以设置拦截获取打开的Web页面调用的背景图片的该条资源文件信息的源码数据，然后将该资源文件信息的源码数据转发至本地应用服务器上。

在不同的页面调试处理场景中可以根据调试处理需求设置不同的拦截获取所述资源文件信息的拦截方式。本申请的一种实施例中，可以在调试配置信息中设置拦截获取打开Web所有的全部资源文件信息。这样，在后续对资源文件调试、修改时可以整体进行资源文件信息的修改替换，降低终端应用调试风险，保障调试的可靠性和终端应用页面调试的安全性。因此，本申请的一种实施例中，基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器可以包括：

S401：获取打开所述页面的全部资源文件信息，将所述全部资源文件信息转发至所述本地应用服务器。

在具体实施过程中，可以设置将调试终端应用打开相应Web页面时的整体资源文件信息拦截下后转发至本地应用服务器。这样，可以用于由本地应用服务器对拦截下的整体资源文件信息进行调试修改后完整替换掉调试终端内页面的资源文件，实现调试终端页面整体拦截、调试修改后整体替换。

当然，在其他拦截方式的实施例中，也可以在所述调试配置信息中设置需要拦截的指定资源文件或文件类型，或其他的页面资源信息等。这样可以在单次终端真机调试时仅拦截获取指定的资源文件并将其转发到本地应用服务器，可以减少页面调试的数据处理量进而降低处理时间，提高页面调试效率。因此，本申请所述方法的另一种实施例中，基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器可以包括：

S402：获取打开所述页面时所述调试配置信息中设置的指定拦截的资源文件信息，并将所述获取的资源文件信息转发至所述本地应用服务器。

在本实施例中应用场景中，移动iOS的移动终端上线后可以接收到APNS推送来的通知消息notification。解析获取通知消息中的调试配置信息后，可以启用应用的调试模式，并可以基于所述调试配置信息打开相应应用的Web页面。在本申请实施方案中，所述Web页面所需的资源文件可以被拦截获取，同时转发至设置的本地应用服务器如上述koa上。本申请提供的实施方式中，可以在所述调试配置信息中设置拦截打开的Web页面的全部资源文件，然后将拦截的全部资源文件转发到本地应用服务器进行调试处理。另一种实施方式中也可以仅拦截调试配置信息中设置的指定资源文件信息的内容，如仅拦截图片信息或页面字体信息等，然后将拦截下的资源文件信息转发到本地应用服务器进行页面源码调试处理。

S5：接收调试终端发送的拦截资源文件信息，对所述拦截资源文件信息的内容进行本地修改后进行资源构建，生成调试后资源文件；将所述调试后资源文件发送至调试终端。

调试终端将拦截的资源文件信息转发至本地应用服务器，所述本地应用服务器可以接收所述调试终端发送来的资源文件信息，通常为Web页面的源码数据，然后本地对所述资源文件信息的内容进行调试修改。进一步的，可以利用资源构建器如上述webpack对本地修改后的资源文件信息进行实时构建，生成调试终端应用可以使用的资源文件类型。构建完毕后，可以将构建后的资源文件信息反馈至调试终端，如本实施例应用场景中iOS系统的移动终端。

本地应用服务器可以采用通过所述的跨平台消息推送应用将构建的所述修改后的资源文件信息发送至调试终端，也可以通过其他通信链路发送至调试终端，如构建的本地应用服务器与所述调试终端所属的同一局域网网络。

S6：调试终端接收所述调试后资源文件，更新相应应用的页面资源文件信息。

调试终端如苹果终端设备可以接收所述本地应用服务器基于所述拦截资源文件信息进行本地修改后的调试后资源文件，更新相应应用的页面资源文件信息。

本申请实施例所述方法中，调试终端可以接收本地调试修改后构建的资源文件信息，然后可以自动刷新更新终端应用的资源文件信息内容，实现终端应用页面的调试处理。

如前所述，本地应用服务器可以采用通过所述的跨平台消息推送应用将构建的所述修改后的资源文件信息发送至调试终端，也可以通过其他通信链路发送至调试终端，如构建的本地应用服务器与所述调试终端所属的同一局域网络。基于现有技术调试方式的限制，对终端 设备进行调试的方式通常是通过USB或其他专用数据线与调试终端物理连接后利用特定的调试平台进行调试。本申请所述终端应用页面调试方法的一种实施方式中，可以通过无线通信网络实现与调试终端的交互通信，使页面调试更加灵活、方便，提高调试终端APP内Web页面调试的效率。因此，本申请的一种实施例中，所述调试配置信息、拦截资源文件信息、调试后资源文件的至少一种通过无线通信网络的方式与调试终端进行信息交互。

所述的无线通信网络可以包括基于3G、4G等通信技术的移动通信网络，或WIFI、蓝牙、红外的局域网通信网络以及互联网等。具体的实现方式上，例如可以建立本地局域网络，进行页面调试的客户端与被调试的移动终端设备设置为处于同一局域网络，进而实现采用无线交互的方式对被调试的移动终端设备的Web页面调试。当然，实际实施过程中，可以配置相应的消息驱动，以使移动终端设备能够识别无线网络交互消息，执行打开应用页面、拦截转发资源文件、更新资源文件等操作。

需要说明的是，本申请所述方法还可以获取调试终端的设备标识(device token)，该设备标识可以被记录在本地磁盘中，以用于本地应用服务器的读取。具体的，可以在调试设备如本地应用服务器与调试终端建立通信链接后，由调试者人工使用一次调试终端中需要进行调试的应用，进而实现获取调试终端的设备调整信息。这样，可以记录存储多个调试终端相应的设备标识，且一个设备标识对应一个调试终端，实现防止调试过程中影响其他调试者的调试操作同时，由于本地应用服务器可以获知不同调试终端的设备标识，在面对多终端调试时可以将多个设备标识设置为一个调试范围，那么可以实现对多个调试终端进行同时页面真机调试。如结合上述局域网以及公网实现本地及远程的多个调试终端的多次调试，显然，本申请的实施方案可以大大提高团队协作能力及页面调试效率。因此，本申请所述终端应用页面的调试方法的另一种实施例中，所述方法还可以包括：

S0：获取调试终端的设备标识；

相应的，所述设置页面调试的调试配置信息包括：在所述调试配置信息中设置指示接收所述通知消息的调试终端的设备标识；以及，

所述将所述调试后资源文件发送至调试终端包括：基于所述调整配置信息中设置的设备标识将所述调试后资源文件发送至相应的调试终端。

本申请提供的终端应用的页面调试方法提供一种更加便捷、灵活的方式去调试运行在客户端APP内的Web页面，解决了如iOS或安卓系统下终端应用页面调试对固有调试平台的限制问题。利用本申请提供的方法的可以使终端应用的页面调试更加便捷、灵活，提高了终端页面调试效率。

基于本申请所述的终端应用的页面调试方法，本申请还提供一种终端应用的页面调试装置。图2是本申请提供的终端应用的页面调试装置一种实施例的模块结构示意图，如图2所示，所述装置可以包括：

资源配置模块101，可以用于构建页面调试的前端资源文件，以及设置页面调试的调试配置信息；

应用服务模块102，可以用于将所述调试配置信息的通知消息发送至调试终端，以及将调试后资源文件发送至调试终端；还可以用于接收调试终端发送的拦截资源文件信息，对所述拦截资源文件信息的内容进行本地修改后进行资源构建，生成调试后资源文件；还可以用于提供调试终端访问所述资源配置模块101中构建的前端资源文件的访问接口。

具体的实现方式上，所述的资源配置模块101可以包括例如webpack等工具实现前端资源文件的构建，以生产最终的资源文件(js，html，css等)。所述的调试配置信息可以设置在本地的配置文件中，该配置文件可以对需要启动的调试功能的相关信息予以描述。在对调试终端进行页面调试时可以读取加载本地配置文件，获取页面调试的信息内容。

所述的应用服务模块102具体的可以为koa，可以在本地通过koa启动一个本地应用服务器。该本地应用服务器可以提供http服务例如http://10.12.11.110:8000的资源访问接口，这样外界模块或组件或应用服务可以通过url访问到构建出的前端资源文件的内容。另外，本申请所述的应用模块启动的本地应用服务器还可以把需要启动调试服务器的相关信息例如上述包括调试配置信息的通知消息(notification)推送到调试终端相应的跨平台消息推送应用，进而通过跨平台消息推送应用将例如通知消息(notification)推送至相应的调试终端。

所述的调试配置信息中可以根据调试需求设置相应的配置信息，如可以包括页面调试的对象信息(device token)、调试模块控制指令、拦截策略、调试方式、是否启用调试功能等的控制、监测等的配置信息。本申请所述装置的一种实施例中，可以根据调试处理需求设置不同的拦截获取所述资源文件信息的拦截方式，具体的，所述资源配置模块101中设置的调试配置信息可以包括：

指示调试终端获取打开指定页面的全部资源文件信息并将所述全部资源文件信息转发至指定应用服务器的拦截设置信息。

本申请所述装置的另一种实施方式中，也可以设置仅拦截指定的部分资源文件信息。因此，本申请的另一种实施例中，所述的调试配置信息可以包括：

指示调试终端打开指定页面时获取设置的指定拦截的资源文件信息并将所述获取的资 源文件信息转发至指定应用服务器的拦截设置信息。

上述对调试终端打开页面的全部资源文件信息进行拦截，这样，在后续对资源文件调试、修改时可以整体进行资源文件信息的修改替换，降低终端应用调试风险，保障调试的可靠性和终端应用页面调试的安全性。另一种实施例中，可以在所述调试配置信息中设置需要拦截的指定资源文件或文件类型，或其他的页面资源信息等。这样可以在单次终端真机调试时仅拦截获取指定的资源文件并将其转发到本地应用服务器，可以减少页面调试的数据处理量进而降低处理时间，提高页面调试效率。

图3是本申请所述应用服务模块102一种实施例的模块结构示意图。如图3所示，所述应用服务模块102可以包括：

无线通信模块1021，可以用于将调试配置信息、拦截资源文件信息、调试后资源文件的至少一种通过无线通信网络的方式与调试终端进行信息交互。

所述的无线通信网络可以包括基于3G、4G等通信技术的移动通信网络，或WIFI、蓝牙、红外的局域网通信网络以及互联网等。当然，实际实施过程中，所述的无线通信模块103可以配置相应的消息驱动，以使移动终端设备能够识别无线网络交互消息，执行打开应用页面、拦截转发资源文件、更新资源文件等操作。

图4是本申请所述终端应用页面的调试装置另一种实施例的模块结构示意图。如图4所示，所述装置还可以包括：

标识模块103，可以用于获取调试终端的设备标识；

相应的，所述资源配置模块101设置页面调试的配置信息包括：基于所述调整配置信息中设置的设备标识将所述调试后资源文件发送至相应的调试终端；以及，

所述应用服务模块102将所述调试后资源文件发送至调试终端包括：基于所述调整配置信息中设置的设备标识将所述调试后资源文件发送至相应的调试终端。

所述的设备标识(device token)可以被记录在本地磁盘中，可以被所述应用服务模块102读取。一般的，本实施中所的标识模块104中设定的一个设备标识通常仅对应一个调试终端，实现防止调试过程中影响其他调试者的调试操作同时。当然，可扩展的实施例中，也可以记录存储多个调试终端相应的设备标识，所述应用服务模块102可以获知不同调试终端的设备标识，在面对多终端调试时可以将多个设备标识设置为一个调试范围，这样即可以实现对多个调试终端进行同时页面真机调试，可以大大提高团队协作能力及页面调试效率。

本申请所述的终端应用页面的调试方法、装置及客户端可以实现让开发者脱离原有特定调试平台的限制，例如如果要调试iOS中的mobile Safari的页面时都必须与Mac os下的safari连接才可以操作，采用更加灵活、边界的方式取调试页面段的脚步语言(javascript)、css,、html等，大大提高终端页面调试消息和用户体验。当然，实施的过程中通常需要与需要进行调试的终端设备进行信息交互，以实现拦截调试终端打开页面的资源文件信息后在本地进行调试修改。因此，本申请还提供一种应用页面调试的客户端，图5是本申请提供的所述应用调试客户端一种实施例的模块结构示意图，如图5所示，所述客户端被设置成，包括：

数据接收单元201，可以用于接收包括调试配置信息的通知消息，和接收本地应用服务器基于获取的拦截资源文件信息进行本地修改后的调试后资源文件；

数据处理单元202，可以用于基于构建的前端资源文件和提供的资源访问接口打开相应应用的页面；还可以用于根据所述调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器；还可以用于基于所述接收的调试后资源文件信息更新相应应用的页面资源文件信息。

所述的通知消息可以由上述所述的终端应用页面的调试装置直接发送过来，也可以为所述装置发送至跨平台消息推送应用后由所述跨平台消息推送应用基于客户端的设备标识(device token)发送至客户端。

根据调试配置信息的设置，所述客户端可以拦截获取打开应用页面的全部资源文件信息，也可以仅拦截设置的指定部分资源文件信息。因此，本申请所述客户端的一种实施例中，基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器可以包括：

获取打开所述页面的全部资源文件信息，将所述全部资源文件信息转发至所述本地应用服务器。

其他的实施方式中，基于接收到的调试配置信息中的设置内容获取所述页面的拦截资源文件信息，将所述获取的拦截资源文件信息转发至设置的本地应用服务器可以包括：

获取打开所述页面时所述调试配置信息中设置的指定拦截的资源文件信息，并将所述获取的资源文件信息转发至所述本地应用服务器。

当然，所述的客户端还可以通过无线通信网的方式与上述实施例的调试装置进行交换通信，可以实现将通知消息、拦截资源文件信息、调试后资源文件的至少一种通过无线通信网络的方式进行传输。

本申请实施例提供的终端应用页面的调试方法、装置及客户端，可以在本地构建资源文件，并利用本地设置的应用服务器将需要启动调试的服务信息通过跨平台消息推送应用推送 到调试终端上。调试终端应用可以根据调试配置信息的内容进行启用应用的调试模式，通过应用服务器提供的接口访问本地的资源文件，打开相应的Web页面。然后根据设置拦截页面的资源文件信息，将其转发至本地应用服务器上进行调试修改。本地应用服务器可以将调试修改后的资源文件反馈给调试终端，调试终端接收修改后资源文件可以自动进行刷新更新，实现脱离原有固有平台对调试的限制，可以更加方便、灵活的对终端应用的页面进行调试处理。

尽管本申请内容中提到利用webpack、koa等工具进行文件构建、服务器设置与启用、访问接口及配置信息的设置、信息交互方式等的数据处理、信息交互的描述，但是，本申请并不局限于必须是完全标准或者所提及的方式的数据处理、信息交互情况。本申请中各个实施例所涉及的上述描述仅是本申请中的一些实施例中的应用，在某些标准、模型、方法的基础上略加修改后的实施方式也可以实行上述本申请各实施例的方案。当然，在符合本申请上述各实施例的中所述的处理方法步骤的其他无创造性的变形，仍然可以实现相同的申请，在此不再赘述。

虽然本申请提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的装置或客户端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。

上述实施例阐明的装置、单元或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。为了描述的方便，描述以上装置时以功能分为各种模块分别描述。在实施本申请时可以把各模块的功能在同一个或多个软件和/或硬件中实现。当然，也可以将实现某功能的模块由多个子模块或子单元组合实现。

本申请中所述的方法、装置或模块可以以计算机可读程序代码方式实现控制器按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种 硬件部件，而对其内部包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

本申请所述装置中的部分模块可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构、类等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的硬件的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，也可以通过数据迁移的实施过程中体现出来。该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，移动终端，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例采用递进的方式描述，各个实施例之间相同或相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。本申请的全部或者部分可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、移动通信终端、多处理器系统、基于微处理器的系统、可编程的电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

虽然通过实施例描绘了本申请，本领域普通技术人员知道，本申请有许多变形和变化而不脱离本申请的精神，希望所附的权利要求包括这些变形和变化而不脱离本申请的精神。