CN113449227B - 一种页面信息处理方法及终端设备 - Google Patents

Abstract

本公开是关于一种页面信息处理方法。该方法包括：终端设备接收用户输入的第一操作指令；所述终端设备根据所述第一操作指令，在第一界面显示历史加载页面列表，所述历史加载页面列表包括至少一个所述终端设备加载过的页面的页面信息；所述终端设备确定用户从所述历史加载页面列表中选择的终端设备加载过的目标页面；所述终端设备显示所述目标页面的目标信息，所述目标页面的目标信息与所述终端设备加载所述目标页面时的加载情况对应。本公开提供的方案，能降低H5页面调试的复杂度。

Description

一种页面信息处理方法及终端设备

技术领域

本公开涉及计算机应用技术领域，尤其涉及一种页面信息处理方法及终端设备。

背景技术

当今是互联网信息时代，各种各样的应用程序(Application，APP)层出不穷。APP的页面主要分为原生页面和第五代超文本标记语言(Hyper Text Markup Language，H5)页面，其中，H5页面是通过加载统一资源定位符(Uniform Resource Locator，URL)在APP中打开的页面，客户端只负责做承载页。

一些方案中，在移动端APP上浏览H5页面是无法查看当前页面内部数据及相关元素的，当H5页面出现参数丢失，加载失败，内容加载不全等问题时，开发人员需要在个人计算机(Personal Computer，PC)下载第三方工具，通过第三方工具获取移动端上的H5页面的请求数据来对问题进行定位。

上述方案需要PC端另外安装第三方软件，还需要设置移动端的网络代理来完成PC端和移动端的配对，操作繁琐。

发明内容

为克服相关技术中存在的问题，本公开提供一种页面信息处理方法及终端设备，能降低H5页面调试的复杂度。

根据本公开实施例的第一方面，提供一种页面信息处理方法，包括：

终端设备接收用户输入的第一操作指令；

所述终端设备根据所述第一操作指令，在第一界面显示历史加载页面列表，所述历史加载页面列表包括至少一个所述终端设备加载过的页面的页面信息；

所述终端设备确定用户从所述历史加载页面列表中选择的终端设备加载过的目标页面；

所述终端设备显示所述目标页面的目标信息，所述目标页面的目标信息与所述终端设备加载所述目标页面时的加载情况对应。

根据本公开实施例的第二方面，提供一种终端设备，包括：

第一接收模块，用于接收用户输入的第一操作指令；

第一显示模块，用于根据所述第一操作指令在第一界面显示历史加载页面列表，所述历史加载页面列表包括至少一个所述终端设备加载过的页面的页面信息；

第一确定模块，用于确定用户从所述历史加载页面列表中选择的终端设备加载过的目标页面；

第二显示模块，用于显示所述目标页面的目标信息，所述目标页面的目标信息与所述终端设备加载所述目标页面时的加载情况对应。

根据本公开实施例的第三方面，提供一种终端设备，包括：

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如上所述的方法。

根据本公开实施例的第四方面，提供一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如上所述的方法。

本公开的实施例提供的技术方案中，终端设备可以根据用户输入的第一操作指令显示历史加载页面列表，并确定用户从该历史加载页面列表中选择的终端设备加载过的目标页面，然后显示与终端设备加载该目标页面时的加载情况对应的目标信息。本方案可以直接在终端设备上展示与页面加载情况相关的信息，即开发人员仅通过移动端就可以完成H5页面的调试，不需要PC端介入，也不需要设置移动端的网络代理，操作简单。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1是根据本公开一示例性实施例示出的一种页面信息处理方法的流程示意图；

图2是根据本公开一示例性实施例示出的一种页面信息处理方法的流程另一示意图；

图3是根据本公开一示例性实施例示出的终端设备根据第二操作指令显示目标页面的示意图；

图4是根据本公开一示例性实施例示出的终端设备根据第一操作指令显示信息选择界面的示意图；

图5是根据本公开一示例性实施例示出的终端设备根据第一操作指令显示历史加载页面列表的示意图；

图6是根据本公开一示例性实施例示出的终端设备显示目标信息的示意图；

图7是根据本公开一示例性实施例示出的终端设备显示URL地址输入区域的示意图；

图8是根据本公开一示例性实施例示出的一种终端设备的结构示意图；

图9是根据本公开一示例性实施例示出的一种终端设备的结构另一示意图；

图10是根据本公开一示例性实施例示出的一种终端设备的结构另一示意图。

具体实施方式

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

在本公开使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本公开可能采用术语“第一”、“第二”、“第三”等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本公开范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本公开的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

本公开提供了一种页面信息处理方法及终端设备及终端设备，可以降低H5页面调试的复杂度。

为了便于本公开实施例，下面对本公开涉及的一些词语进行介绍。

页面信息：能够指示页面是哪一个页面的信息。

加载情况信息：与终端设备加载页面时的加载情况相关的信息，能够反映终端设备加载目标页面时的加载情况。

目标信息：加载情况信息中显示在终端设备上的信息。

应理解，本公开实施例中的页面信息处理方法可以应用于开发人员或者测试人员对应用程序中的H5页面进行调试和维护，即本实施例中的用户可以是开发人员或者测试人员，本实施例中的页面可以是H5页面，本公开实施例中的页面信息处理方法还可以应用于其他其他场景，具体本申请不作限定。

还应理解，本公开实施例中的终端设备包括但不限于手机，PC，平板电脑，车载设备；该终端设备的操作系统包括但不限于IOS，安卓，Windows，塞班。

以下结合附图详细描述本公开实施例的技术方案。

图1是根据本公开一示例性实施例示出的一种页面信息处理方法的流程示意图。

参见图1，本公开实施例提供的页面信息处理方法包括：

101、终端设备接收用户输入的第一操作指令；

用户在终端设备上启动需要进行调试的应用程序，并在该应用程序对应的页面上输入调取第一界面的第一操作指令，终端设备接收该第一操作指令。

102、终端设备根据第一操作指令在第一界面显示历史加载页面列表；

终端设备接收第一操作指令后，根据第一操作指令展示第一界面，该第一界面包括历史加载页面列表，该历史加载页面列表包括至少一个终端设备加载过的页面的页面信息。

需要说明的是，本实施例中页面信息可以包括如下至少一项：页面名称，页面的统一资源定位符(Uniform Resource Locator，URL)，页面的加载时间。页面信息还可以包括其他能够标识终端加载过的页面的其他信息，具体此处不作限定。

103、终端设备确定用户从历史加载页面列表中选择的终端设备加载过的目标页面；

终端设备在第一界面显示历史加载页面列表后，用户输入从历史加载页面列表中选择需要进行调试一个或多个的页面的操作，终端设备接收用户的选择操作，根据该选择操作确定用户选择的页面。为了便于描述，本实施例将用户从历史加载页面列表中选择的页面称为目标页面，目标页面包括终端设备加载过的一个或多个页面。

104、终端设备显示目标页面的目标信息，该目标页面的目标信息与终端设备加载目标页面时的加载情况对应。

终端设备确定目标页面后，在第二界面上显示目标页面的加载情况信息中的部分或全部信息(即目标信息)，其中，目标页面的加载情况信息用于反映终端设备加载目标页面时的加载情况，即目标信息与终端设备加载目标页面时的加载情况对应。

应理解，本实施例中，目标页面的目标信息可以包括如下至少一项：目标页面的请求方式，目标页面的请求头，目标页面的请求体，目标页面的请求结果，目标页面的加载进度，目标页面的渲染进度，目标页面滑动时的实时帧，目标页面的配置信息，目标页面的偏好设置，目标页面的URL协议来源信息，目标页面对应的缓存在终端设备本地上的数据信息(即目标页面对应的cookie信息)，目标页面的脚本注入信息，目标页面上接收的手势信息，目标页面对应的进程状态。目标页面的目标信息还可以包括其他信息，具体本公开实施例不作限定。

本公开的实施例提供的技术方案中，终端设备可以根据用户输入的第一操作指令显示历史加载页面列表，并确定用户从该历史加载页面列表中选择的终端设备加载过的目标页面，然后显示与终端设备加载该目标页面时的加载情况对应的目标信息。本方案可以直接在终端设备上展示与页面加载情况相关的信息，即开发人员仅通过移动端就可以完成H5页面的调试，不需要PC端介入，也不需要设置移动端的网络代理，操作简单。

图2是根据本公开另一示例性实施例示出的一种页面信息处理方法的流程示意图。

参见图2，本公开实施例提供的页面信息处理方法包括：

201、终端设备接收用户输入的第二操作指令；

用户在终端设备上启动需要进行页面调试的应用程序，输入第二操作指令以打开该应用程序中需要进行调试的目标页面，终端设备接收该第二操作指令。

应理解，应用程序一般有测试(Debug)版本和发布(Release)版本，开发人员和测试人员一般使用测试版本的应用程序来对应用程序进行研发和测试，当应用程序测试完成后再将发布版本的应用程序发布到应用程序商城提供给用户下载。本实施例中的应用程序指的是测试版本的应用程序。

应理解，本实施例中，第二操作指令可以是点击目标页面对应的标识，可以是输入目标页面对应的URL地址，可以是输入特定的手势信息，还可以是其他操作，具体此处不作限定。

202、终端设备根据第二操作指令加载以及显示目标页面，并记录目标页面的加载情况信息；

终端设备接收用户输入的第二操作指令后，响应于第二操作指令，终端设备向服务器发送目标页面的页面数据请求，服务器接收该资源请求，响应于该页面数据请求，向终端设备返回目标页面对应的页面数据，终端设备根据该页面数据在第二界面上加载以及显示目标页面，并记录目标页面的加载情况信息，其中，目标页面的加载情况信息指的是能够反映终端设备加载目标页面时的加载情况的信息。

具体地，目标页面的加载情况信息可以包括如下至少一项：目标页面的请求方式，目标页面的请求头，目标页面的请求体，目标页面的请求结果，目标页面的加载进度，目标页面的渲染进度，目标页面滑动时的实时帧，目标页面的配置信息，目标页面的偏好设置，目标页面的URL协议来源信息，目标页面对应的缓存在终端设备本地上的数据信息(即目标页面对应的cookie信息)，目标页面的脚本注入信息，目标页面上接收的手势信息，目标页面对应的进程状态。

可选地，本实施例中，终端设备加载目标H5页面具体可以包括如下流程：页面内部调用代理，加载完成并回调代理，内部设置页面配置对象，渲染页面，注册手势交互事件，内部更新浏览器缓存数据，其中，各流程的具体实现与现有的方案相似，此处不再赘述。

可选地，本实施例中，在加载H5页面的过程中，终端设备会对加载过程产生的数据进行处理得到加载情况信息，具体地，终端设备对数据进行处理可以包括如下至少一项：在页面内部调用代理时终端设备会获取页面链接的请求信息和代理信息；在加载回调并回调代理时终端设备会对页面链接进行校验，以防止获取的页面链接和当前连接不一致；在终端设备完成页面的渲染后，用户可以通过页面与后台进行交互，此时终端设备会监听页面数据的变化，获得回调数据。

示例性地，终端设备上安装有测试版本的“XX”应用程序，开发人员打开该应用程序后，终端设备显示应用程序的首页，首页中显示有原生页面对应的链接控件，如图标“生活美容”、图标“口腔齿科”等；还显示有H5页面对应的图标，如图标“XX口腔新年优惠”等；用户点击首页中“XX口腔新年优惠”图标(第二操作指令)，终端设备接收该操作指令，并根据该操作指令在终端设备的屏幕上显示“XX口腔新年优惠”对应的页面，如图3所示。

203、终端设备接收用户输入的第一操作指令；

终端设备显示目标页面后，用户在页面上输入调取第一界面的第一操作指令，终端设备接收该第一操作指令。应理解，本实施例中，第一操作指令可以包括点击特定的控件，或输入特定的手势，或输入其他操作，具体此处不作限定。

204、终端设备根据第一操作指令在第一界面显示历史加载页面列表；

终端设备接收第一操作指令后，根据第一操作指令展示第一界面，该第一界面包括历史加载页面列表，该历史加载页面列表包括至少一个终端设备加载过的页面的页面信息。其中，页面信息可以包括如下至少一项：页面名称，页面的URL，页面的加载时间。页面信息还可以包括其他信息，具体此处不作限定。

作为一种可选的方式，本实施例中历史加载页面列表可以由终端设备对每个页面的加载过程中所产生的数据进行加工得到的，具体地，终端设备可以在各页面内部调用代理时可以获取各页面的页面信息，根据页面信息生成历史加载页面列表。更具体地，终端设备每加载一次页面，就会在历史加载页面列表上增加一个页面的页面信息，即更新一次历史加载页面列表。

示例性地，终端设备在应用程序对应的页面上显示有“小眼睛”图标，用户点击该图标(第一操作指令)，响应于该点击操作，终端设备显示信息选择界面，如图4所示，该信息选择界面包括多个信息浏览入口如即时通讯(Instant Message，IM)日志，网络请求(Webkit Webview，WK)日志等。用户可以选择想要获取的信息进行浏览。用户点击信息选择界面中的“WK日志”(第一操作指令)，响应于该点击操作，终端设备显示历史加载页面列表，如图5所示，该历史加载页面列表包括终端加载过的页面“XX口腔新年优惠”“齿科专场”、“新年齿科健康专场”“XX年轻女性评选”、“新年植发健康专场”和“新年眼科专场”的页面名称、页面加载时间和页面URL。

205、终端设备确定用户从历史页面列表中选择的终端设备加载过的目标页面；

终端设备在第一界面显示历史加载页面列表后，用户输入从历史加载页面列表中选择需要进行调试一个或多个的页面的操作，终端设备接收用户的选择操作，根据该选择操作确定用户选择的页面。为了便于描述，本实施例将用户从历史加载页面列表中选择的页面称为目标页面，目标页面包括终端设备加载过的一个或多个页面。

206、终端设备接收用户输入的配置操作；

本实施例中，用户可以在终端设备上输入配置操作，以配置终端设备在第二界面显示的信息的信息类型，即用户可以根据需求设置目标信息的类型。

用户输入的配置操作可以包括：用户直接输入想要获取的信息类型，或者用户从终端设备提供的多个能够反映加载情况的信息类型中选择想要获取的信息类型，或者根据调试情况输入或选择对应的场景，由终端设备根据场景匹配出信息类型，配置操作还可以包括其他操作，具体此处不作限定。

作为一种可选的方式，终端设备可以在用户选择目标页面后，显示配置界面，并接收用户在该配置界面输入的配置操作，该配置界面用于用户配置目标页面的目标信息的类型，该配置界面可以包括记录目标页面的加载情况信息的信息类型，用户可以从中选择想要在第二界面上显示的信息类型，该配置界面也而可以包括信息类型录入界面，用户可以直接录入想要在第二界面上显示的信息类型，该配置界面还可以包括其他信息，具体此处不作限定。本实现方式中，用户可以在列表中选择想要调试的页面后，再设置想要查看该页面的哪一类信息。

作为一种可选的方式，终端设备可以根据用户输入的调取配置界面的操作显示配置界面，并接收用户在该配置界面输入的配置操作，该配置界面用于用户配置之后所选择的页面的信息类型。也就是说本实现方式中，用户可以在任意时刻设置想要查看的待调试的页面的哪一类信息。

207、终端设备根据配置操作确定目标信息的信息类型；

终端设备接收用户输入的配置操作后，根据配置操作确定目标信息的信息类型，即确定即将在第二界面上显示的信息是哪一类页面信息。具体地，终端设备可以通过如下方式确定目标信息的信息类型：将用户输入的信息类型确定为目标信息的信息类型；或者将用户选择的信息类型确定为目标信息的信息类型；或者预先配置多个场景对应的信息类型，然后根据将用户输入或选择的场景对应的信息类型确定为目标信息的信息类型。终端设备还可以通过其他方式确定目标信息的信息类型，具体此处不作限定。

本实施例中信息类型可以包括如下至少一项：请求方式，请求头，请求体，请求结果，加载进度，渲染进度，滑动时的实时帧，页面的配置信息，页面的偏好设置，页面的URL协议来源信息，页面对应的缓存在终端设备本地上的数据信息(即页面对应的cookie信息)，页面的脚本注入信息，页面上接收的手势信息，页面对应进程的状态。目标页面的信息类型还可以包括其他类型，具体本公开实施例不作限定。

208、终端设备显示目标页面的加载情况信息中的目标信息。

终端设备确定用户选择的目标页面，以及用户配置目标信息的信息类型后，根据用户配置的目标信息的类型将记录的目标页面的加载情况信息中的目标信息显示在第二界面上。

应理解，本实施例中，目标页面的目标信息与终端设备加载目标页面时的加载情况对应，目标页面的目标信息可以包括如下至少一项：目标页面的请求方式，目标页面的请求头，目标页面的请求体，目标页面的请求结果，目标页面的加载进度，目标页面的渲染进度，目标页面滑动时的实时帧，目标页面的配置信息，目标页面的偏好设置，目标页面的URL协议来源信息，目标页面对应的缓存在终端设备本地上的数据信息(即目标页面对应的cookie信息)，目标页面的脚本注入信息，目标页面上接收的手势信息，目标页面对应的进程状态。目标页面的目标信息还可以包括其他信息，具体本公开实施例不作限定。

示例性地，用户配置的信息类型包括请求方式(method)，请求头(header)，状态码(code)，请求体(body)，页面对应的cookie信息，用户从图5所示的历史加载页面列表中选择页面“XX口腔新年优惠”(目标H5页面)，终端设备显示“XX口腔新年优惠”页面的请求方式，请求头，请求体，请求结果，和cookie信息，如图6所示，用户可以滑动页面进行浏览。

在一些实施例中，终端设备显示目标页面的目标信息之后，用户可以对显示的目标信息进行分段复制，即可以对目标信息中的部分或全部信息进行复制，以便于用户进行信息的比对，完成页面的调试。则本实施例中，终端设备还可以执行如下步骤：终端设备复制用户从目标信息中选择的带黏贴信息，并将待黏贴信息黏贴到用户选择的目标位置。例如，终端设备复制页面的URL地址和请求信息(包括请求方式，请求头和请求体)，然后黏贴到对应的位置传输到PC端进行访问容错测试。

在一些实施例中，第一界面还可以包括URL地址输入区域，即终端设备还可以在第一界面显示URL地址输入区域，如图7所示，该URL地址输入区域用于用户输入需要调试的页面的URL地址，需要调试的页面可以包括已经上线的页面和/或未上线的页面。

在一些实施例中，终端设备在第一界面显示URL地址输入区域后，用户可以在URL地址输入区域上输入需要调试页面的URL地址，则终端设备可以接收用户输入的URL地址，并根据该URL地址加载以及显示需要调试的页面，并记录与该页面的加载情况对应的信息。应理解，与该页面的加载情况对应的信息可以包括如下至少一项：该页面的请求方式，该页面的请求头，该页面的请求体，该页面的请求结果，该页面的加载进度，渲染进度，该页面的滑动时的实时帧，该页面的配置信息，该页面的偏好设置，该页面的URL协议来源信息，该页面的对应的缓存在终端设备本地上的数据信息(即该页面对应的cookie信息)，该页面的脚本注入信息，该页面的上接收的手势信息，该页面的对应进程的状态。

可选地，用户输入页面的URL地址后，如果想要查看该页面的加载情况信息，可以打开历史加载页面列表，此时，该历史加载页面列表上会包括该页面的页面信息，用户从历史加载页面列表中选择该页面的操作，终端设备就会根据用户输入的操作显示该页面的加载情况信息中的部分或全部信息。

需要说明的是，本实施例中，步骤206和步骤207在步骤208之前执行，但不限定在步骤205之后，步骤206和步骤207可以在步骤208之前的任意时刻执行，具有本公开实施例不作限定。

本公开的实施例提供的技术方案中，终端设备可以根据用户输入的第一操作指令显示历史加载页面列表，并确定用户从该历史加载页面列表中选择的终端设备加载过的目标页面，然后显示与终端设备加载该目标页面时的加载情况对应的目标信息。本方案可以直接在终端设备上展示与页面加载情况相关的信息，即开发人员仅通过移动端就可以完成H5页面的调试，不需要PC端介入，也不需要设置移动端的网络代理，操作简单。

其次，本公开实施例中，开发人员可以根据需求配置目标信息的信息类型，获取定制化数据，提升调试效率。

再次，本公开实施例中，开发人员可以直接从显示的目标信息中复制出想要进行比对的信息，操作灵活。

进一步地，本公开实施例中，开发人员可以在第一界面上输入未上线的页面的URL地址，终端设备可以依据该URL地址加载该未上线的页面，记录该页面的加载情况，并在屏幕上展示与该加载情况相关的信息，方便开发人员对未上线的页面进行调试。

与前述应用功能实现方法实施例相对应，本公开还提供了一种终端设备及相应的实施例。

图8是根据本公开一示例性实施例示出的一种终端设备的结构示意图。

参见图8，本实施例中的终端设备800包括：

第一接收模块801，用于接收用户输入的第一操作指令；

第一显示模块802，用于根据第一操作指令在第一界面显示历史加载页面列表，历史加载页面列表包括至少一个终端设备加载过的页面的页面信息；

第一确定模块803，用于确定用户从历史加载页面列表中选择的终端设备加载过的目标页面；

第二显示模块804，用于显示目标页面的目标信息，目标页面的目标信息与终端设备加载目标页面时的加载情况对应。

本公开的实施例提供的技术方案中，第一显示模块802可以根据用户输入的第一操作指令显示历史加载页面列表，第一确定模块803确定用户从该历史加载页面列表中选择的终端设备加载过的目标页面，然后第二显示模块804显示与终端设备加载该目标页面时的加载情况对应的目标信息。本方案可以直接在终端设备上展示与页面加载情况相关的信息，即开发人员仅通过移动端就可以完成H5页面的调试，不需要PC端介入，也不需要设置移动端的网络代理，操作简单。

图9是根据本公开一示例性实施例示出的一种终端设备的结构示意图。

参见图9，本实施例中的终端设备900包括：

第四接收模块901，用于接收用户输入的第二操作指令；

第二加载模块902，用于根据第二操作指令加载以及显示目标页面；

第二记录模块903，用于记录目标页面的加载情况信息，目标页面的加载情况信息包括目标页面的目标信息。

第一接收模块904，用于接收用户输入的第一操作指令；

第一显示模块905，用于根据第一操作指令在第一界面显示历史加载页面列表，历史加载页面列表包括至少一个终端设备加载过的页面的页面信息；

第一确定模块906，用于确定用户从历史加载页面列表中选择的终端设备加载过的目标页面；

第二显示模块907，用于显示目标页面的目标信息，目标页面的目标信息与终端设备加载目标页面时的加载情况对应。

作为一种可选的方式，终端设备900还可以包括：

第二接收模块908，用于接收用户输入的配置操作；

第二确定模块909，用于根据配置操作确定目标信息的信息类型；

信息类型包括如下至少一项：请求方式，请求头，请求体，请求结果，加载进度，渲染进度，滑动时的实时帧，页面的配置信息，页面的偏好设置，页面的统一资源定位符URL协议来源信息，页面对应的缓存在终端设备本地上的数据信息，页面的脚本注入信息，页面上接收的手势信息，页面对应进程的状态。

作为一种可选的方式，第一显示模块还用于在第一界面显示URL地址输入区域，URL地址输入区域用于用户输入需要调试的页面的URL地址，需要调试的页面包括未上线的页面；

终端设备900还可以包括：

第三接收模块910，用于接收用户在URL地址输入区域输入的需要调试的页面的URL地址；

第一加载模块911，用于根据URL地址加载以及显示需要调试的页面；

第一记录模块912，用于记录与需要调试的页面的加载情况对应的信息。

作为一种可选的方式，终端设备900还可以包括：

复制模块913，用于复制用户从目标信息中选择的待黏贴信息；

黏贴模块914，用于将待黏贴信息黏贴到用户选择的目标位置。

本公开的实施例提供的技术方案中，第一显示模块905可以根据用户输入的第一操作指令显示历史加载页面列表，第一确定模块906确定用户从该历史加载页面列表中选择的终端设备加载过的目标页面，然后第二显示模块907显示与终端设备加载该目标页面时的加载情况对应的目标信息。本方案可以直接在终端设备上展示与页面加载情况相关的信息，即开发人员仅通过移动端就可以完成H5页面的调试，不需要PC端介入，也不需要设置移动端的网络代理，操作简单。

其次，本公开实施例中，开发人员可以根据需求配置目标信息的信息类型，获取定制化数据，提升调试效率。

再次，本公开实施例中，开发人员可以直接从显示的目标信息中复制出想要进行比对的信息，操作灵活。

进一步地，本公开实施例中，开发人员可以在第一界面上输入未上线的页面的URL地址，第一记录模块912可以依据该URL地址加载该未上线的页面，记录该页面的加载情况，并通过其他模块在屏幕上展示与该加载情况相关的信息，方便开发人员对未上线的页面进行调试。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不再做详细阐述说明。

图10是根据本公开一示例性实施例示出的一种终端设备的结构示意图。

参见图10，终端设备1000包括存储器1010和处理器1020。

处理器1020可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

存储器1010可以包括各种类型的存储单元，例如系统内存、只读存储器(ROM)，和永久存储装置。其中，ROM可以存储处理器1020或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中，永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中，永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备，例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外，存储器1010可以包括任意计算机可读存储媒介的组合，包括各种类型的半导体存储芯片(DRAM，SRAM，SDRAM，闪存，可编程只读存储器)，磁盘和/或光盘也可以采用。在一些实施方式中，存储器1010可以包括可读和/或写的可移除的存储设备，例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM，双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。

存储器1010上存储有可执行代码，当可执行代码被处理器1020处理时，可以使处理器1020执行上文述及的方法中的部分或全部。

上文中已经参考附图详细描述了本公开的方案。在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述的部分，可以参见其他实施例的相关描述。本领域技术人员也应该知悉，说明书中所涉及的动作和模块并不一定是本公开所必须的。另外，可以理解，本公开实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减，本公开实施例装置中的模块可以根据实际需要进行合并、划分和删减。

此外，根据本公开的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本公开的上述方法中部分或全部步骤的计算机程序代码指令。

或者，本公开还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时，使所述处理器执行根据本公开的上述方法的各个步骤的部分或全部。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本公开的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本公开的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (10)

1.一种页面信息处理方法，其特征在于，所述方法包括：

终端设备接收用户输入的第一操作指令；

所述终端设备根据所述第一操作指令，在第一界面显示历史加载页面列表，所述历史加载页面列表包括至少一个所述终端设备加载过的页面的页面信息；

所述终端设备确定用户从所述历史加载页面列表中选择的终端设备加载过的目标页面；

所述终端设备显示所述目标页面的目标信息，所述目标页面的目标信息与所述终端设备加载所述目标页面时的加载情况对应；

其中所述终端设备接收用户输入的第一操作指令之前，所述方法还包括：

所述终端设备接收用户输入的第二操作指令；

所述终端设备根据所述第二操作指令加载以及显示所述目标页面，并记录所述目标页面的加载情况信息，所述目标页面的加载情况信息包括所述目标页面的目标信息。

2.根据权利要求1所述的方法，其特征在于，所述终端设备显示所述目标页面的目标信息之前，所述方法包括：

所述终端设备接收用户输入的配置操作；

所述终端设备根据所述配置操作确定所述目标信息的信息类型；

所述信息类型包括如下至少一项：请求方式，请求头，请求体，请求结果，加载进度，渲染进度，滑动时的实时帧，页面的配置信息，页面的偏好设置，页面的统一资源定位符URL协议来源信息，页面对应的缓存在终端设备本地上的数据信息，页面的脚本注入信息，页面上接收的手势信息，页面对应进程的状态。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

所述终端设备在第一界面显示URL地址输入区域，所述URL地址输入区域用于用户输入需要调试的页面的URL地址，所述需要调试的页面包括未上线的页面；

所述终端设备接收用户在所述URL地址输入区域输入的需要调试的页面的URL地址；

所述终端设备根据所述URL地址加载以及显示所述需要调试的页面，并记录与所述需要调试的页面的加载情况对应的信息。

4.根据权利要求1至3中任一项所述的方法，其特征在于，所述终端设备显示所述目标页面的目标信息之后，所述方法还包括：

所述终端设备复制用户从所述目标信息中选择的待黏贴信息；

所述终端设备将所述待黏贴信息黏贴到用户选择的目标位置。

5.一种终端设备，其特征在于：

第一接收模块，用于接收用户输入的第一操作指令；

第一显示模块，用于根据所述第一操作指令在第一界面显示历史加载页面列表，所述历史加载页面列表包括至少一个所述终端设备加载过的页面的页面信息；

第一确定模块，用于确定用户从所述历史加载页面列表中选择的终端设备加载过的目标页面；

第二显示模块，用于显示所述目标页面的目标信息，所述目标页面的目标信息与所述终端设备加载所述目标页面时的加载情况对应；

其中所述终端设备还包括：

第四接收模块，用于接收用户输入的第二操作指令；

第二加载模块，用于根据所述第二操作指令加载以及显示所述目标页面；

第二记录模块，用于记录所述目标页面的加载情况信息，所述目标页面的加载情况信息包括所述目标页面的目标信息。

6.根据权利要求5所述的终端设备，其特征在于，所述终端设备还包括：

第二接收模块，用于接收用户输入的配置操作；

第二确定模块，用于根据所述配置操作确定目标信息的信息类型；

所述信息类型包括如下至少一项：请求方式，请求头，请求体，请求结果，加载进度，渲染进度，滑动时的实时帧，页面的配置信息，页面的偏好设置，页面的统一资源定位符URL协议来源信息，页面对应的缓存在终端设备本地上的数据信息，页面的脚本注入信息，页面上接收的手势信息，页面对应进程的状态。

7.根据权利要求5所述的终端设备，其特征在于，所述第一显示模块还用于在所述第一界面显示URL地址输入区域，所述URL地址输入区域用于用户输入需要调试的页面的URL地址，所述需要调试的页面包括未上线的页面；

所述终端设备还包括：

第三接收模块，用于接收用户在所述URL地址输入区域输入的需要调试的页面的URL地址；

第一加载模块，用于根据所述URL地址加载以及显示所述需要调试的页面；

第一记录模块，用于记录与所述需要调试的页面的加载情况对应的信息。

8.根据权利要求5至7中任一项所述的终端设备，其特征在于，所述终端设备还包括：

复制模块，用于复制用户从所述目标信息中选择的待黏贴信息；

黏贴模块，用于将所述待黏贴信息黏贴到用户选择的目标位置。

9.一种终端设备，其特征在于，包括：

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1-4中任一项所述的方法。

10.一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1-4中任一项所述的方法。