投屏分析方法及装置与流程

1.本发明涉及计算机应用的技术领域，尤其是涉及一种投屏分析方法及装置。


背景技术：

2.在金融科技领域，往往需要对金融软件应用程序app(application)的数据进行分析，而运行应用程序的移动终端的分析能力往往难以达到数据分析的要求，因此，多将移动终端投屏至pc(personal computer)端进行交互分析。
3.相关技术中，移动终端与pc端交互分析的工具多采用输出页面url(uniform resource locator)直接在pc端打开h5页面进行分析的方式，然而这种方式难以和移动终端进行交互，并且，也缺少移动终端的应用环境及客户登录状态，难以实现数据的完全投屏至pc端，降低了分析的效率。


技术实现要素：

4.有鉴于此，本发明的目的在于提供一种投屏分析方法及装置，以缓解上述技术问题。
5.第一方面，本发明实施例提供了一种投屏分析方法，应用于电脑终端，所述电脑终端运行有目标应用；所述方法包括：响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接，其中，所述移动终端安装有所述目标应用，所述连接请求为所述移动终端运行所述目标应用时，基于所述目标应用的投屏功能发送的；通过图形用户界面展示所述目标应用对应的分析页面；所述分析页面包括页面展示区和页面分析区；接收所述移动终端发送的页面信息，其中，所述页面信息为所述移动终端扫描所述目标应用的目标页面所产生的页面信息；解析所述页面信息，得到所述目标页面的页面结构；在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记；响应作用于所述目标元素的触控操作，在所述页面分析区展示与所述目标元素关联的分析信息。
6.结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，上述响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接的步骤，包括：响应作用于所述目标应用的投屏操作，生成投屏标识，并通过所述图形用户界面展示所述投屏标识；响应所述移动终端基于所述投屏标识发送的连接请求，根据所述连接请求与所述移动终端建立连接。
7.结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，上述解析所述页面信息，得到所述目标页面的页面结构的步骤，包括：解析所述页面信息得到所述目标页面的截屏图片；提取所述截屏图片中的目标元素，以及，所述目标元素相对于所述截屏图片的坐标。
8.结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，其中，上述在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记的步骤，包括：根据所述页面展示区的尺寸，以及所述目标元
素相对于所述截屏图片的坐标，计算所述目标元素在所述页面展示区的还原坐标；基于所述还原坐标在页面展示区对所述目标页面进行还原展示；在所述还原展示的页面中，对所述目标页面所包括的目标元素进行标记。
9.结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，上述在所述页面分析区展示与所述目标元素关联的分析信息的步骤，包括：在所述页面分析区展示所述目标元素的内容信息，以及，向所述移动终端发送所述目标元素的分析请求；接收所述移动终端基于所述分析请求回复的分析数据，并在所述页面分析区中预设的位置展示所述分析数据。
10.第二方面，本发明实施例还提供一种投屏分析方法，应用于移动终端，所述移动终端运行有目标应用，所述方法包括：响应投屏操作，向所述投屏操作对应的电脑终端发送连接请求，以与所述电脑终端建立连接；其中，所述电脑终端也运行有所述目标应用，且，所述投屏操作为基于所述电脑终端展示的投屏标识发送的；扫描所述目标应用的目标页面，生成所述目标页面的页面信息，并将所述页面信息发送至所述电脑终端，以使所述电脑终端解析所述页面信息，得到所述目标页面的页面结构，并在页面展示区对所述页面结构进行展示。
11.结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，上述扫描所述目标应用的目标页面，生成所述目标页面的页面信息的步骤，包括：启动预先配置的扫描工具sdk；通过所述扫描工具sdk扫描所述目标页面，以识别所述目标页面的文档对象模型dom和目标元素；生成包含所述dom和所述目标元素的页面信息。
12.结合第二方面，本发明实施例提供了第二方面的第二种可能的实施方式，其中，上述方法还包括：响应所述电脑终端发送的目标元素的分析请求；基于所述分析请求获取所述目标元素的分析数据；将所述分析数据发送至所述电脑终端，以使所述电脑终端在所述页面分析区中预设的位置展示所述分析数据。
13.第三方面，本发明实施例还提供一种投屏分析装置，应用于电脑终端，所述电脑终端运行有目标应用；所述装置包括：第一连接模块，用于响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接，其中，所述移动终端安装有所述目标应用，所述连接请求为所述移动终端运行所述目标应用时，基于所述目标应用的投屏功能发送的；展示模块，用于通过图形用户界面展示所述目标应用对应的分析页面；所述分析页面包括页面展示区和页面分析区；页面解析模块，用于接收所述移动终端发送的页面信息，其中，所述页面信息为所述移动终端扫描所述目标应用的目标页面所产生的页面信息；解析所述页面信息，得到所述目标页面的页面结构；页面展示模块，用于在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记；分析模块，用于响应作用于所述目标元素的触控操作，在所述页面分析区展示与所述目标元素关联的分析信息。
14.第四方面，本发明实施例还提供一种投屏分析装置，应用于移动终端，所述移动终端运行有目标应用，所述装置包括：请求模块，用于响应投屏操作，向所述投屏操作对应的电脑终端发送连接请求，以与所述电脑终端建立连接；其中，所述电脑终端也运行有所述目标应用，且，所述投屏操作为基于所述电脑终端展示的投屏标识发送的；扫描模块，用于扫描所述目标应用的目标页面，生成所述目标页面的页面信息，并将所述页面信息发送至所述电脑终端，以使所述电脑终端解析所述页面信息，得到所述目标页面的页面结构，并在页
面展示区对所述页面结构进行展示。
15.第五方面，本发明实施例还提供一种服务器，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面或者第二方面所述的方法的步骤。
16.第六方面，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述第一方面或者第二方面所述的方法的步骤。
17.本发明实施例带来了以下有益效果：
18.本发明实施例提供的投屏分析方法及装置，能够响应移动终端的连接请求，并与移动终端建立连接，以通过图形用户界面展示目标应用对应的分析页面；然后接收移动终端发送的页面信息，其中，页面信息为移动终端扫描所述目标应用的目标页面所产生的页面信息，解析页面信息，得到目标页面的页面结构；并在页面展示区对页面结构进行展示，对目标页面所包括的目标元素进行标记；进一步响应作用于目标元素的触控操作，在页面分析区展示与目标元素关联的分析信息，可以很直观地把移动终端的目标页面呈现在电脑终端，实现移动终端到电脑终端的所见即所得，让电脑终端模拟移动终端的展示内容，这样用户在移动终端的操作会实时同步到电脑终端，从而实现移动终端的页面内容的展示和分析，同时借助电脑终端的能力多维度提供分析能力，进而提高分析效率。
19.本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
20.为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
21.为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
22.图1为本发明实施例提供的一种投屏分析方法的流程图；
23.图2为本发明实施例提供的另一种投屏分析方法的流程图；
24.图3为本发明实施例提供的一种分析页面的示意图；
25.图4为本发明实施例提供的一种投屏分析装置的结构示意图；
26.图5为本发明实施例提供的另一种投屏分析装置的结构示意图；
27.图6为本发明实施例提供的一种服务器的结构示意图。
具体实施方式
28.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有做出创造性劳动前提下所
获得的所有其他实施例，都属于本发明保护的范围。
29.目前，在对移动终端app的金融数据进行分析时，常用到移动终端与pc端进行交互分析，而交互分析的方式，多采用输出页面url直接在pc端打开h5页面进行分析，但是这种方式无法实现所见即所得。如果纯移动终端的分析工具，用户的使用和操作不方便，有局限性，而如果纯pc端的分析工具，则无法完全模拟移动终端的app环境和操作，尤其是native部分，存在技术壁垒，严重降低了数据分析的效率。
30.基于此，本发明实施例提供的一种投屏分析方法及装置，可以有效缓解上述技术问题。
31.为便于对本实施例进行理解，首先对本发明实施例所公开的一种投屏分析方法进行详细介绍。
32.在一种可能的实施方式中，本发明实施例提供了一种投屏分析方法，具体地，该方法应用于电脑终端，且，电脑终端运行有目标应用；在实际使用时，该电脑终端也称为pc端，本发明实施例中，电脑终端一般指设置在金融科技行业的pc端，如，银行服务部门、保险服务部分的pc端等等，进一步，上述目标应用一般指的是金融类应用，如银行办公软件、保险业务办公软件、理财业务办公软件等等，此外，对应于电脑终端，本发明实施例中还涉及移动终端，具体地，移动终端指的是智能手机、平板电脑、掌上电脑等智能电子设备，且，同样安装有上述目标应用，如手机银行app、保险业务app、理财业务app等等，并且，移动终端与电脑终端的交互分析，在金融科技行业，可以形成智能分析系统，以对金融数据进行交互分析。
33.为了便于理解，图1示出了一种投屏分析方法的流程图，具体地，是将移动终端的目标页面投屏至电脑终端的过程，如图1所示，包括以下步骤：
34.步骤s102，响应移动终端的连接请求，基于连接请求与移动终端建立连接；
35.其中，本发明实施例中的移动终端安装有目标应用，上述连接请求为移动终端运行目标应用时，基于目标应用的投屏功能发送的；
36.在实际使用时，用户使用移动终端向电脑终端发送连接请求时，可以操作移动终端进行投屏操作，此时，移动终端可以响应该投屏操作，进而向投屏操作对应的电脑终端发送连接请求，且为了实现移动终端和电脑终端的交互分析，在发送连接请求时，一般需要移动终端和电脑终端同时运行目标引用，以便于移动终端能够将目标应用的页面信息发送至电脑终端，进而实现在电脑终端对目标页面进行数据分析。
37.步骤s104，通过图形用户界面展示目标应用对应的分析页面；
38.在实际使用时，电脑终端一般都配置有显示器，以便于呈现上述图形用户界面。
39.进一步，本发明实施例中的分析页面包括页面展示区和页面分析区；其中，页面展示区用于展示页面结构，即，移动终端上显示的目标页面可以投屏到页面展示区；页面分析区则用于展示分析信息，即，在电脑终端的页面分析区可以实现数据分析。
40.步骤s106，接收移动终端发送的页面信息；
41.其中，页面信息为移动终端扫描目标应用的目标页面所产生的页面信息；
42.步骤s108，解析页面信息，得到该目标页面的页面结构；
43.步骤s110，在页面展示区对页面结构进行展示，并对目标页面所包括的目标元素进行标记；
44.步骤s112，响应作用于目标元素的触控操作，在页面分析区展示与目标元素关联的分析信息。
45.本发明实施例提供的投屏分析方法，能够响应移动终端的连接请求，并与移动终端建立连接，以通过图形用户界面展示目标应用对应的分析页面；然后接收移动终端发送的页面信息，其中，页面信息为移动终端扫描所述目标应用的目标页面所产生的页面信息，解析页面信息，得到目标页面的页面结构；并在页面展示区对页面结构进行展示，对目标页面所包括的目标元素进行标记；进一步响应作用于目标元素的触控操作，在页面分析区展示与目标元素关联的分析信息，可以很直观地把移动终端的目标页面呈现在电脑终端，实现移动终端到电脑终端的所见即所得，让电脑终端模拟移动终端的展示内容，这样用户在移动终端的操作会实时同步到电脑终端，从而实现移动终端的页面内容的展示和分析，同时借助电脑终端的能力多维度提供分析能力，进而提高分析效率。
46.在实际使用时，为了便于移动终端与电脑终端之间建立连接，在电脑终端可以生成响应的投屏标识供移动终端操作，因此，在电脑终端响应移动终端的连接请求时，可以响应作用于目标应用的投屏操作，生成投屏标识，并通过图形用户界面展示该投屏标识；然后响应移动终端基于该投屏标识发送的连接请求，进而根据连接请求与移动终端建立连接。
47.通常，上述投屏标识可以是图形码，如，二维码、条形码等等，电脑终端可以在用户的投屏操作下呈现该投屏标识，以二维码为例，电脑终端可以在响应投屏操作时，随机生成一个二维码呈现在图形用户界面供移动终端扫描，移动终端可以在启动目标应用之后，进一步启动扫码功能扫描该二维码，进而通过该二维码与电脑终端建立连接，电脑终端可以继续执行本发明实施例提供的投屏分析方法，使移动终端所见的内容自动呈现在电脑终端上，从而实现移动终端和电脑终端之间的所见即所得的效果。
48.进一步，上述步骤s106中，接收的页面信息通常是移动终端当前呈现的页面的信息，移动终端可以在建立连接之后，去扫描当前所呈现的页面，即此时目标页面为移动终端当前呈现的页面，得到页面信息最后，可以发送至电脑终端。
49.进一步，移动终端还可以在监测到当前所呈现的页面发生变化时，如用户执行触控操作，改变当前移动终端所呈现的页面时，移动终端会重新扫描当前呈现的页面，以更新页面信息，并发送至电脑终端，使电脑终端可以对不同页面进行分析，进而实现页面的投屏。
50.具体地，电脑终端在投屏时，需要解析该页面信息，并得到目标页面的页面结构，以便于基于页面结构对目标页面进行投屏展示。在实际使用时，移动终端可以预先配置有扫描工具sdk，以对目标页面进行扫描，进而识别目标页面的文档对象模型dom(document object model，文档对象模型)和目标元素，其中，目标元素一般包括该页面的标签、标题等元素。并且，在移动终端一般是以截屏的方式来获取目标页面的结构和元素，因此，在页面信息中一般包括目标页面的截屏图片，而在电脑终端解析页面信息时，可以解析页面信息得到目标页面的截屏图片；进而提取截屏图片中的目标元素，以及，目标元素相对于截屏图片的坐标。
51.进一步，基于上述截屏图片中的目标元素，以及，目标元素相对于截屏图片的坐标，上述步骤s110中，在对页面结构进行展示时，可以根据当前页面展示区的尺寸，以及目标元素相对于截屏图片的坐标，计算目标元素在页面展示区的还原坐标；然后基于还原坐
标在页面展示区对目标页面进行还原展示，并在还原展示的页面中，对目标页面所包括的目标元素进行标记。例如，在页面展示区对目标页面的标题或者标签使用预设颜色的虚线框进行框选标记，而通常进行标记的目标元素都是可以进行数据分析的目标元素，因此，通过标记的目标元素，可以实现该目标页面中各个目标元素的专题分析。
52.进一步，基于上述页面展示区所展示的内容，用户可以选择某个目标元素进行分析，此时用户可以通过触控的方式，如，点击某个被标记的目标元素，此时，电脑终端可以响应该触控操作，进而在页面分析区展示该目标元素的内容信息，如，展示该目标元素的名称和该目标元素所属的功能等等，以及，向移动终端发送该目标元素的分析请求。
53.由于该目标元素所表征的标题或者标签等实际都是移动终端的应用，因此，其数据一般都保存在移动终端上，如页面浏览量或点击量、该目标元素所表征的标题或者标签的访问量等等，都可以在移动终端进行统计和记录，因此，移动终端可以响应电脑终端发送的目标元素的分析请求；然后基于分析请求获取该目标元素的分析数据；并将分析数据发送至电脑终端，而电脑终端可以接收移动终端基于分析请求回复的分析数据，并在页面分析区中预设的位置展示分析数据。
54.因此，本发明实施例中提供的投屏分析方法，还可以应用于移动终端，具体地，该移动终端也运行有目标应用，如图2所示的另一种投屏分析方法的流程图，该方法包括以下步骤：
55.步骤s202，响应投屏操作，向投屏操作对应的电脑终端发送连接请求，以与电脑终端建立连接；
56.其中，该电脑终端也运行有目标应用，且，投屏操作为基于电脑终端展示的投屏标识发送的；例如，电脑终端在用户的操作下呈现投屏标识供移动终端扫描，移动终端在用户的操作下扫描该投屏标识，并向对应的电脑终端发送连接请求。
57.步骤s204，扫描目标应用的目标页面，生成目标页面的页面信息，并将页面信息发送至电脑终端，以使电脑终端解析页面信息，得到目标页面的页面结构，并在页面展示区对页面结构进行展示。
58.具体实现时，在移动终端所扫描的目标应用的目标页面，通常是移动终端启动目标应用之后在移动终端的图形用户界面所呈现的当前界面，当用户操作目标应用改变当前移动终端所呈现的页面时，移动终端会重新扫描当前呈现的页面，以更新目标页面的页面信息，具体地，在移动终端中会预先配置扫描工具sdk，然后在扫描目标页面时，移动终端可以启动预先配置的扫描工具sdk；通过扫描工具sdk扫描目标页面，以识别目标页面的文档对象模型dom和目标元素，然后生成包含dom和目标元素的页面信息。
59.进一步，移动终端向电脑终端发送页面信息之后，还可以继续响应电脑终端发送的目标元素的分析请求；然后基于分析请求获取目标元素的分析数据；并将分析数据发送至电脑终端，以使电脑终端在页面分析区中预设的位置展示分析数据。
60.为了便于理解，以目标应用为手机银行app，目标页面为信用卡页面为例，对本发明实施例中的投屏分析方法进行说明。
61.(1)用户操作电脑终端和收集终端分别启动目标应用；
62.即，在电脑终端启动手机银行app，在电脑终端打开对应的银行分析应用程序。
63.(2)用户操作电脑终端生成投屏标识，并通过图形用户界面展示该投屏标识；
64.其中，本发明实施例中以投屏标识为二维码为例进行说明，此时，电脑终端随机生成一个二维码，供移动终端扫描。
65.(3)移动终端扫描二维码，与电脑终端建立连接，并将手机银行app所显示的内容投屏到电脑终端的页面展示区。
66.在实际使用时，移动终端会加载一个扫描工具sdk，也可以称为前端sdk，可以在启动投屏操作之后，在当前显示的页面中主动引入，该扫描工具sdk会自动扫描页面的结构，智能识别页面的dom结构，采集标签、标题等元素，以及元素在页面的具体坐标，并把采集的信息作为页面信息，以报文的形式上报给电脑终端，在电脑终端也可以预先安装对应的sdk作为后端sdk，该后端sdk通过解析扫描工具sdk上报的报文，还原移动终端的截屏图片，并根据报文数据、移动终端的分辨率，以及，目标元素相对于截屏图片的坐标，计算还原坐标，以还原元素的位置，从而实现不同屏幕分辨率的手机屏幕内容回显，并把页面元素在电脑终端上框选出来，实现页面各个元素的专题分析。
67.进一步，图3还示出了一种分析页面的示意图，其中，左侧为页面展示区，右侧为页面分析区，并且，左侧页面展示区示出的是对移动终端信用卡页面的投屏页面，其中，为了便于说明，图3中仅仅示出了信用卡页面的几个常见的标题，如“可用积分”、“体验金”、“活动专题”、“还款金额”、“优惠专题”等，以“体验金”为目标元素，在右侧的页面分析区示出了该目标元素的分析信息，其分析数据包括内容基本信息，如内容名称和内容所属的区域名称等，内容流量信息，近一段时间的流量趋势，其中，分析的流量信息包括页面浏览量或点击量pv(page view)和访客量uv(unique view)，并且，随着移动终端的应用页面的操作和切换，在电脑终端也会随之切换，以便于实现移动终端的元素的可视化分析。
68.进一步，上述电脑终端通过与移动终端的app应用端建立连接，可以把移动终端的app应用相关的信息传递到电脑终端，就可以最大程度的使用电脑终端的各项分析能力，也能降低用户的使用门槛，只需要简单的操作流程介绍，用户就可以快速、准确地获取到移动终端的app应用的相关页面信息，而不用每次都去找应用或者页面开发咨询，从而大大提高用户独立完成业务分析的能力。
69.并且，移动终端和电脑终端建立连接后，可以很方便很直观的把移动终端的屏幕呈现在电脑终端，移动终端到电脑终端实现所见即所得，让电脑终端模拟移动终端的展示内容，用户在移动终端的操作会实时同步电脑终端，从而实现移动终端页面内容的展示和分析，同时借助电脑终端的能力实现多维度提供分析能力，进而提高数据分析的效率。
70.进一步，相对于上述图1所示的投屏分析方法，本发明实施例还提供了一种投屏分析装置，应用于电脑终端，所述电脑终端运行有目标应用；如图4所示的一种投屏分析装置的结构示意图，该装置包括：
71.第一连接模块40，用于响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接，其中，所述移动终端安装有所述目标应用，所述连接请求为所述移动终端运行所述目标应用时，基于所述目标应用的投屏功能发送的；
72.展示模块42，用于通过图形用户界面展示所述目标应用对应的分析页面；所述分析页面包括页面展示区和页面分析区；
73.页面解析模块44，用于接收所述移动终端发送的页面信息，其中，所述页面信息为所述移动终端扫描所述目标应用的目标页面所产生的页面信息；解析所述页面信息，得到
所述目标页面的页面结构；
74.页面展示模块46，用于在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记；
75.分析模块48，用于响应作用于所述目标元素的触控操作，在所述页面分析区展示与所述目标元素关联的分析信息。
76.进一步，对应于上述图2所示的投屏分析方法，本发明实施例还提供了另一种投屏分析装置，应用于移动终端，所述移动终端运行有目标应用，如图5所示的另一种投屏分析装置的结构示意图，该装置包括：
77.请求模块50，用于响应投屏操作，向所述投屏操作对应的电脑终端发送连接请求，以与所述电脑终端建立连接；
78.其中，所述电脑终端也运行有所述目标应用，且，所述投屏操作为基于所述电脑终端展示的投屏标识发送的；
79.扫描模块52，用于扫描所述目标应用的目标页面，生成所述目标页面的页面信息，并将所述页面信息发送至所述电脑终端，以使所述电脑终端解析所述页面信息，得到所述目标页面的页面结构，并在页面展示区对所述页面结构进行展示。
80.本发明实施例提供的投屏分析装置，与上述实施例提供的投屏分析方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。
81.进一步，本发明实施例还提供了一种服务器，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述方法的步骤。
82.本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述方法的步骤。
83.进一步，本发明实施例还提供了一种服务器的结构示意图，如图6所示，为该服务器的结构示意图，其中，该服务器包括处理器61和存储器60，该存储器60存储有能够被该处理器61执行的计算机可执行指令，该处理器61执行该计算机可执行指令以实现上述方法。
84.在图6示出的实施方式中，该服务器还包括总线62和通信接口63，其中，处理器61、通信接口63和存储器60通过总线62连接。
85.其中，存储器60可能包含高速随机存取存储器(ram，random access memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口63(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。总线62可以是isa(industry standard architecture，工业标准体系结构)总线、pci(peripheral component interconnect，外设部件互连标准)总线或eisa(extended industry standard architecture，扩展工业标准结构)总线等。所述总线62可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。
86.处理器61可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器61中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器61可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、网络
处理器(network processor，简称np)等；还可以是数字信号处理器(digital signal processor，简称dsp)、专用集成电路(application specific integrated circuit，简称asic)、现场可编程门阵列(field-programmable gate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器61读取存储器中的信息，结合其硬件完成前述方法。
87.本发明实施例所提供的投屏分析方法及装置的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。
88.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
89.另外，在本发明实施例的描述中，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。
90.所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
91.在本发明的描述中，需要说明的是，术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。
92.最后应说明的是：以上实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

技术特征：
1.一种投屏分析方法，其特征在于，应用于电脑终端，所述电脑终端运行有目标应用；所述方法包括：响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接，其中，所述移动终端安装有所述目标应用，所述连接请求为所述移动终端运行所述目标应用时，基于所述目标应用的投屏功能发送的；通过图形用户界面展示所述目标应用对应的分析页面；所述分析页面包括页面展示区和页面分析区；接收所述移动终端发送的页面信息，其中，所述页面信息为所述移动终端扫描所述目标应用的目标页面所产生的页面信息；解析所述页面信息，得到所述目标页面的页面结构；在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记；响应作用于所述目标元素的触控操作，在所述页面分析区展示与所述目标元素关联的分析信息。2.根据权利要求1所述的方法，其特征在于，响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接的步骤，包括：响应作用于所述目标应用的投屏操作，生成投屏标识，并通过所述图形用户界面展示所述投屏标识；响应所述移动终端基于所述投屏标识发送的连接请求，根据所述连接请求与所述移动终端建立连接。3.根据权利要求1所述的方法，其特征在于，解析所述页面信息，得到所述目标页面的页面结构的步骤，包括：解析所述页面信息得到所述目标页面的截屏图片；提取所述截屏图片中的目标元素，以及，所述目标元素相对于所述截屏图片的坐标。4.根据权利要求3所述的方法，其特征在于，在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记的步骤，包括：根据所述页面展示区的尺寸，以及所述目标元素相对于所述截屏图片的坐标，计算所述目标元素在所述页面展示区的还原坐标；基于所述还原坐标在页面展示区对所述目标页面进行还原展示；在所述还原展示的页面中，对所述目标页面所包括的目标元素进行标记。5.根据权利要求1所述的方法，其特征在于，在所述页面分析区展示与所述目标元素关联的分析信息的步骤，包括：在所述页面分析区展示所述目标元素的内容信息，以及，向所述移动终端发送所述目标元素的分析请求；接收所述移动终端基于所述分析请求回复的分析数据，并在所述页面分析区中预设的位置展示所述分析数据。6.一种投屏分析方法，其特征在于，应用于移动终端，所述移动终端运行有目标应用，所述方法包括：响应投屏操作，向所述投屏操作对应的电脑终端发送连接请求，以与所述电脑终端建
立连接；其中，所述电脑终端也运行有所述目标应用，且，所述投屏操作为基于所述电脑终端展示的投屏标识发送的；扫描所述目标应用的目标页面，生成所述目标页面的页面信息，并将所述页面信息发送至所述电脑终端，以使所述电脑终端解析所述页面信息，得到所述目标页面的页面结构，并在页面展示区对所述页面结构进行展示。7.根据权利要求6所述的方法，其特征在于，扫描所述目标应用的目标页面，生成所述目标页面的页面信息的步骤，包括：启动预先配置的扫描工具sdk；通过所述扫描工具sdk扫描所述目标页面，以识别所述目标页面的文档对象模型dom和目标元素；生成包含所述dom和所述目标元素的页面信息。8.根据权利要求6所述的方法，其特征在于，所述方法还包括：响应所述电脑终端发送的目标元素的分析请求；基于所述分析请求获取所述目标元素的分析数据；将所述分析数据发送至所述电脑终端，以使所述电脑终端在所述页面分析区中预设的位置展示所述分析数据。9.一种投屏分析装置，其特征在于，应用于电脑终端，所述电脑终端运行有目标应用；所述装置包括：第一连接模块，用于响应移动终端的连接请求，基于所述连接请求与所述移动终端建立连接，其中，所述移动终端安装有所述目标应用，所述连接请求为所述移动终端运行所述目标应用时，基于所述目标应用的投屏功能发送的；展示模块，用于通过图形用户界面展示所述目标应用对应的分析页面；所述分析页面包括页面展示区和页面分析区；页面解析模块，用于接收所述移动终端发送的页面信息，其中，所述页面信息为所述移动终端扫描所述目标应用的目标页面所产生的页面信息；解析所述页面信息，得到所述目标页面的页面结构；页面展示模块，用于在所述页面展示区对所述页面结构进行展示，并对所述目标页面所包括的目标元素进行标记；分析模块，用于响应作用于所述目标元素的触控操作，在所述页面分析区展示与所述目标元素关联的分析信息。10.一种投屏分析装置，其特征在于，应用于移动终端，所述移动终端运行有目标应用，所述装置包括：请求模块，用于响应投屏操作，向所述投屏操作对应的电脑终端发送连接请求，以与所述电脑终端建立连接；其中，所述电脑终端也运行有所述目标应用，且，所述投屏操作为基于所述电脑终端展示的投屏标识发送的；扫描模块，用于扫描所述目标应用的目标页面，生成所述目标页面的页面信息，并将所述页面信息发送至所述电脑终端，以使所述电脑终端解析所述页面信息，得到所述目标页面的页面结构，并在页面展示区对所述页面结构进行展示。

技术总结
本发明提供了一种投屏分析方法及装置，涉及计算机应用的技术领域，该方法包括：响应移动终端的连接请求，基于连接请求与移动终端建立连接，通过图形用户界面展示目标应用对应的分析页面；接收移动终端发送的页面信息，解析页面信息，得到目标页面的页面结构；在页面展示区对页面结构进行展示，并对目标页面所包括的目标元素进行标记；响应作用于目标元素的触控操作，在页面分析区展示与目标元素关联的分析信息。本发明提供的投屏分析方法及装置，可以实现移动终端到电脑终端的所见即所得，从而实现移动终端的页面内容的展示和分析，同时借助电脑终端的能力多维度提供分析能力，进而提高分析效率。高分析效率。高分析效率。


技术研发人员：叶平利 刘宇明 陈振华
受保护的技术使用者：平安银行股份有限公司
技术研发日：2023.06.05
技术公布日：2023/9/5