页面调试方法及终端设备技术

本发明专利技术涉及计算机技术领域，提供了一种页面调试方法及终端设备。该方法包括：建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务；获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接；接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面。本发明专利技术能够不连接服务器直接进行页面的远程调试，从而简化调试过程，提高调试效率。

【技术实现步骤摘要】
页面调试方法及终端设备
本专利技术涉及计算机
，尤其涉及一种页面调试方法及终端设备。
技术介绍
对于HybridAPP(混合模式移动应用)开发模式，前端开发人员会在APP中运行HTML5页面进行程序调试。通常需要连接服务器进行联调，操作较为复杂，并且由于网络环境等因素，经常无法连接服务器，导致无法进行远程调试。
技术实现思路
有鉴于此，本专利技术实施例提供了页面调试方法及终端设备，以解决目前页面调试过程中需要连接服务器进行联调导致的调试过程复杂的问题。本专利技术实施例的第一方面提供了页面调试方法，包括：建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务；获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接；接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面；所述第一应用为页面调试过程中调试人员选择进行页面显示效果查看的应用。本专利技术实施例的第二方面提供了计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现第一方面中的页面调试方法。本专利技术实施例的第三方面提供了终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如下步骤：建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务；获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接；接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面；所述第一应用为页面调试过程中调试人员选择进行页面显示效果查看的应用。本专利技术实施例与现有技术相比存在的有益效果是：通过建立一个本地服务作为被调试设备对应的远程服务，在接收到调试人员输入的代码后，根据接收到的代码对页面代码进行更新，并通过该远程服务将更新后的页面代码发送到被调试设备，能够不连接服务器直接进行页面的远程调试，从而简化调试过程，提高调试效率。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的页面调试方法的实现流程图；图2是本专利技术实施例提供的页面调试方法中建立通讯连接的实现流程图；图3是本专利技术实施例提供的页面调试方法中映射页面显示界面的实现流程图；图4是本专利技术实施例提供的页面调试方法中识别异常显示界面的实现流程图；图5是本专利技术实施例提供的页面调试方法中查找异常区域对应的代码的实现流程图；图6是本专利技术实施例提供的页面调试装置的示意图；图7是本专利技术实施例提供的终端设备的示意图。具体实施方式以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本专利技术实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本专利技术。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本专利技术的描述。为了说明本专利技术所述的技术方案，下面通过具体实施例来进行说明。图1为本专利技术实施例提供的页面调试方法的实现流程图，详述如下：在S101中，建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务。在本实施例中，执行主体为调试设备，调试设备可以为桌上型计算机、笔记本及掌上电脑等具有显示功能和数据处理功能的终端设备，在此不作限定。调试人员可以在调试设备上对页面代码进行调试。在页面调试过程中，调试人员需要查看页面在某个或某些应用中的显示效果，被调试设备即为运行有需要查看页面显示效果的应用的终端设备，例如手机、平板电脑等，在此不作限定。为便于说明，下文以被调试设备的操作系统为安卓系统，被调试的页面为HTML5页面为例进行说明，但不作为限定。例如，若被调试设备的操作系统为安卓系统，可以通过ADB(AndroidDebugBridge，安卓调试桥)在调试设备上建立一个本地服务，将该本地服务作为H5页面调试过程中被调试设备对应的远程服务。其中，该本地服务用于实现H5页面调试过程中远程服务器所起到的功能，相当于虚拟远程服务器。在S102中，获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接。在本实施例中，可以通过通讯地址建立被调试设备与虚拟远程服务之间的通讯连接。其中，调试设备与被调试设备之间可以通过有线通信方式或无线通信方式进行通讯，例如可以通过网线、蓝牙等通信方式进行通讯，在此不作限定。作为本专利技术的一个实施例，如图2所示，S102可以包括：在S201中，向所述虚拟远程服务发送地址获取指令，获取所述虚拟远程服务的通讯地址。在本实施例中，调试设备可以向虚拟远程服务发送shell指令，获取虚拟远程服务的Socket地址。其中，Socket地址用于建立被调试设备与本地服务之间的Socket通讯。在S202中，将所述通讯地址发送至所述被调试设备，所述通讯地址用于建立所述被调试设备与所述虚拟远程服务之间的通讯连接。在本实施例中，可以在获取虚拟远程服务的通讯地址后直接将通讯地址发送至被调试设备，或者在接收到被调试设备发送的地址获取请求后将通讯地址发送至被调试设备，在此不作限定。例如，可以在接收到被调试设备发送的地址获取请求后，将Socket地址发送给被调试设备，以使被调试设备能建立与虚拟远程服务之间的通讯。在S103中，接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面；所述第一应用为页面调试过程中调试人员选择进行页面显示效果查看的应用。在本实施例中，调试人员在调试设备上对页面的代码进行修改或调整。调试设备在接收到调试人员输入的代码后，根据接收到的代码对被调试设备对应页面的页面代码进行更新，然后通过虚拟远程服务将更新后的页面代码发送到被调试设备，被调试设备可以在第一应用的页面显示界面显示更新调试后的页面，以便调试人员查看代码调整后页面的显示效果。在页面调试过程中，调试人员可以根据实际情况选择一个或多个应用作为第一应用，在被调试设备上运行第一应用，以便查看页面在这些应用中的显示效果，页面显示界面即为第一应用显示被调试页面的界面。在传统调试方法中，调试人员能够方便的通过调试设备和被调试设备实现页面代码的编辑调试及页面效果查看，但通常服务器设置在机房等位置，调试人员不能方便地本文档来自技高网...

【技术保护点】
1.一种页面调试方法，其特征在于，包括：建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务；获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接；接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面；所述第一应用为页面调试过程中调试人员选择进行页面显示效果查看的应用。

【技术特征摘要】
1.一种页面调试方法，其特征在于，包括：建立用于页面调试的本地服务，将所述本地服务作为被调试设备对应的虚拟远程服务；获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接；接收调试人员输入的代码，并根据接收到的代码对被调试设备对应页面的页面代码进行更新，并通过所述虚拟远程服务将更新后的页面代码发送到所述被调试设备，以使所述被调试设备根据所述更新后的页面代码进行页面调试，并在第一应用的页面显示界面上显示更新调试后的页面；所述第一应用为页面调试过程中调试人员选择进行页面显示效果查看的应用。2.如权利要求1所述的页面调试方法，其特征在于，所述获取所述虚拟远程服务的通讯地址，并通过所述通讯地址建立所述被调试设备与所述虚拟远程服务之间的通讯连接包括：向所述虚拟远程服务发送地址获取指令，获取所述虚拟远程服务的通讯地址；将所述通讯地址发送至所述被调试设备，所述通讯地址用于建立所述被调试设备与所述虚拟远程服务之间的通讯连接。3.如权利要求1所述的页面调试方法，其特征在于，所述第一应用为至少一个，所述方法还包括：在调试人员进行页面调试过程中，将所述被调试设备上各个第一应用的页面显示界面分别映射到显示屏上对应的界面映射区域。4.如权利要求3所述的页面调试方法，其特征在于，所述将所述被调试设备上各个第一应用的页面显示界面分别映射到显示屏上对应的界面映射区域包括：向所述被调试设备发送切换指令，所述切换指令用于指示所述被调试设备按照预设切换频率将当前显示界面在各个第一应用的页面显示界面间进行切换；每隔预设时间间隔获取一次所述被调试设备的当前显示界面，并映射到对应的界面映射区域。5.如权利要求3或4所述的页面调试方法，其特征在于，还包括：对所述界面映射区域的页面显示界面进行图像识别，识别出存在异常显示的异常显示界面，并将所述异常显示界面的界面映射区域进行突出显示。6.如权利要求5所述的页面调试方法，其特征在于，所述对所述界面映射区域的页面显示界面进行...

【专利技术属性】
技术研发人员：林泽全，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44