开发界面的检测方法、装置、设备、存储介质及程序产品

技术领域

本公开涉及计算机技术领域，尤其涉及图像处理技术领域。具体地，本公开提供了一种开发界面的检测方法、装置、设备、存储介质及程序产品。

背景技术

目前，app产品越来越成熟，界面也越来越多样性。同时，为了满足用户需求，app的更新迭代速度也较快。

在开发app时需要设计app界面，并基于设计图开发app界面，为了保证上线的app能够正常显示，需要对研发完毕的app界面进行反复校正，确保设计的界面与预期界面相符。

目前，开发人员通过观察搭载在终端上的app运行时的显示效果，进而确定app在运行时的界面开发效果是否符合预期效果。但是，这种验证的效率较低，且准确率低。

发明内容

本公开提供了一种开发界面的检测方法、装置、设备、存储介质及程序产品，以提高开发界面与预期界面间的比对效率和准确率。

根据本公开的第一方面，提供了一种开发界面的检测方法，包括：

在用于显示所述开发界面的容器中显示检查控件，所述检查控件用于检查所述开发界面；

响应对所述检查控件中比对功能的操作，截取所述开发界面得到界面截图，并获取所述开发界面的预期图像；

比对所述预期图像、所述界面截图得到比对结果；

根据所述比对结果显示差异图，所述差异图用于表征所述界面截图与所述预期图像之间的差异。

根据本公开的第二方面，提供了一种开发界面的检测装置，包括：

显示单元，用于在用于显示所述开发界面的容器中显示检查控件，所述检查控件用于检查所述开发界面；

响应单元，用于响应对所述检查控件中比对功能的操作，截取所述开发界面得到界面截图，并获取所述开发界面的预期图像；

比对单元，用于比对所述预期图像、所述界面截图得到比对结果；

所述显示单元还用于根据所述比对结果显示差异图，所述差异图用于表征所述界面截图与所述预期图像之间的差异。

根据本公开的第三方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如第一方面所述的方法。

根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行如第一方面所述的方法。

根据本公开的第五方面，提供了一种计算机程序产品，所述计算机程序产品包括：计算机程序，所述计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序，所述至少一个处理器执行所述计算机程序使得电子设备执行第一方面所述的方法。

本公开提供的开发界面的检测方法、装置、设备、存储介质及程序产品，包括：在用于显示开发界面的容器中显示检查控件，检查控件用于检查开发界面；响应对检查控件中比对功能的操作，截取开发界面得到界面截图，并获取开发界面的预期图像；比对预期图像、界面截图得到比对结果；根据比对结果显示差异图，差异图用于表征界面截图与预期图像之间的差异。本公开提供的方案，可以根据预期图像与界面截图间的比对结果生成差异图，使得用户可以通过差异图确定预期图像与开发界面之间的差异，从而提高比对效率和准确率。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1为本公开一示例性实施例示出的开发界面的检测方法的流程示意图；

图2为本公开一示例性实施例示出的第一交互界面示意图；

图3为本公开一示例性实施例示出的差异图生成过程示意图；

图4为本公开另一示例性实施例示出的开发界面的检测方法的流程示意图；

图5为本公开一示例性实施例示出的比对预期图像与界面截图的示意图；

图6为本公开一示例性实施例示出的对差异图进行放大显示的示意图；

图7为本公开一示例性实施例示出的开发界面的检测装置的结构示意图；

图8为本公开另一示例性实施例示出的开发界面的检测装置的结构示意图；

图9为本公开一示例性实施例示出的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在app产品的界面开发完毕后，需要比对app界面与设计界面，从而确保app的界面与预期界面相符。

尤其在随着flutter技术(用于构建跨平台的手机App的SDK。写一份代码，在Android和iOS平台上都可以运行)在各种app的快速落地，app产品越来越成熟，app界面越来越多样性，但在flutter app快速迭代中，难以保证高质高效地完成复杂界面的开发，难以保证android和ios双端效果一致。

因此，需要对app界面进行检测，具体需要开发人员反复比对开发界面和预期图像，并根据比对效果调整app的显示效果，而这种校验方式效率低且准确度低。

为了解决上述技术问题，本公开提供的方案中设置了显示检查控件，在开发人员校验app显示效果时，可以利用该显示检查控件比对开发界面和预期效果图，并得到比对结果，从而提高界面检测的效率和准确度。

图1为本公开一示例性实施例示出的开发界面的检测方法的流程示意图。

如图1所示，本公开提供的开发界面的检测方法，包括：

步骤101，在用于显示开发界面的容器中显示检查控件，检查控件用于检查开发界面。

其中，本公开提供的方法可以应用在搭载有待检测app的终端中，比如可以应用在移动终端中，该移动终端中设置有待检测app，用户可以操作移动终端使其运行待检测app，进而对该待检测app的界面显示效果进行检测。

具体的，可以将本公开涉及检测开发界面的具体方式封装到检查控件中，进而可以基于该控件检测开发界面。还可以将该检查控件作为页面的根节点，从而在终端在容器中显示开发界面时，同时显示检查控件，所述检查控件用于检查开发界面。

进一步的，显示的检查控件中可以设置可操作按键，用户可以操作检查控件，从而利用该控件的功能检测开发界。

步骤102，响应对检查控件中比对功能的操作，截取开发界面得到界面截图，并获取开发界面的预期图像。

实际应用时，检查控件中可以包括比对功能，终端可以在显示的检查控件中显示比对功能的按键，进而使用户可以操作该按键。比如，用户可以点击比对功能的按键。

其中，终端可以响应用户对检查控件中比对功能的操作，截取当前显示的开发界面，进而得到界面截图。

图2为本公开一示例性实施例示出的第一交互界面示意图。

如图2所示，在终端上可以显示开发界面21，在用于显示开发界面的容器中还可以显示检查控件22。

用户可以操作检查控件22，进而向终端发送比对指令，使得终端可以基于检查控件中的比对功能，截取开发界面21得到界面截图23。

其中，终端截取开发界面时，截取的是开发界面本身的图像，而不包括显示的检查控件。比如，终端可以利用RepaintBoundary方法对开发界面进行截图，还可以将截图存储为位图的形式。

具体的，终端响应对所述检查控件中比对功能的操作时，还可以获取开发界面的预期图像。

一种实施方式中，每检测一个开发界面时，用户可以操作检查控件使终端获取预期图像。比如，用户可以操作app，使其显示第一开发界面，用户还可以操作终端，选择与该第一开发界面对应的预期图像。从而使终端可以获取与该第一开发界面的预期图像。

另一种实施方式中，可以预先设置每一开发界面与每一预期图像间的对应关系。当用户操作终端显示开发界面时，终端可以根据当前显示的开发界面，以及预设的界面图与预期图间的对应关系，获取与当前显示的开发界面对应的预期图像。

步骤103，比对预期图像、界面截图得到比对结果。

进一步的，终端可以比对截取的界面截图，以及获取的预期图像，从而得到比对结果。

实际应用时，终端可以逐个像素点的比对界面截图与预期图像，比如，可以比对界面截图与预期图像中相同位置的像素点的信息，例如，可以比对界面截图中的P1点与预期图像中的P2点，P1点在界面截图中的坐标与P2点在预期图像的坐标相同。

其中，终端可以比对像素点间的像素值是否相同，还可以比对像素点间的透明度是否相同，进而得到预期图像、界面截图之间的比对结果。该比对结果中包括预期图像与界面截图之间，每组相应像素点之间的比对结果。

步骤104，根据比对结果显示差异图，差异图用于表征界面截图与预期图像之间的差异。

具体的，终端可以根据比对结果生成差异图，从而可以通过差异图向用户显示出预期图像和界面截图之间的差异。

进一步的，终端可以根据预期图像与界面截图之间，相应位置的像素点之间的比对结果，生成差异图。比如，若预期图像与界面截图中相应位置的像素点无差异，则在差异图中该位置的像素点可以设置为第一颜色，再比如，若预期图像与界面截图中相应位置的像素点存在部分差异，比如颜色相同透明度不同，则在差异图中该位置的像素点可以设置为第二颜色，若预期图像与界面截图中相应位置的像素点完全不同，比如颜色不同透明度也不同，则在差异图中该位置的像素点可以设置为第三颜色。

差异图能够表征界面截图与预期图像间的差异，用户可以通过差异图确定出界面截图与预期图像间不同的位置，从而可以对开发的界面进行调整。

实际应用时，终端可以在开发界面的上层显示该差异图，还可以基于用户操作调整差异图的透明度，从而使用户更直观的确定开发界面中需要调整的位置。

图3为本公开一示例性实施例示出的差异图生成过程示意图。

如图3所示，可以比对预期图像31与界面截图32得到比对结果，具体可以比对预期图像31与界面截图32中，相同位置的两个像素点之间的差异，进而得到差异图33，可以通过差异图33表示预期图像31与界面截图32之间相同位置的两个像素点间的比对结果。该差异图中的黑色部分用于表征预期图像与界面截图中像素点不同的位置。

本公开提供的开发界面的检测方法，包括：在用于显示开发界面的容器中显示检查控件，检查控件用于检查开发界面；响应对检查控件中比对功能的操作，截取开发界面得到界面截图，并获取开发界面的预期图像；比对预期图像、界面截图得到比对结果；根据比对结果显示差异图，差异图用于表征界面截图与预期图像之间的差异。本公开提供的开发界面的检测方法，可以根据预期图像与界面截图间的比对结果生成差异图，使得用户可以通过差异图确定预期图像与开发界面之间的差异，从而提高比对效率和准确率。

图4为本公开另一示例性实施例示出的开发界面的检测方法的流程示意图。

如图4所示，本公开提供的开发界面的检测方法，包括：

步骤401，在用于显示开发界面的容器中显示检查控件，检查控件用于检查开发界面。

步骤402，响应对检查控件中比对功能的操作，截取开发界面得到界面截图，并获取开发界面的预期图像。

步骤401-402与步骤101-102的实现类似方式，不再赘述。

步骤403，根据预期图像、界面截图中相同位置的像素点的信息，确定像素点之间的差异，根据各相同位置的像素点间的差异确定比对结果。

其中，终端可以读取预期图像中每一像素点的信息，还可以读取界面截图中每一像素点的信息，终端可以比对这两个图中相同位置的像素点间的信息，从而得到每组相同位置的像素点间的差异。

图5为本公开一示例性实施例示出的比对预期图像与界面截图的示意图。

如图5所示，在预期图像51中包括一像素点511，在界面截图52中包括一像素点521，像素点511在预期图像51中的位置，与像素点521在界面截图52中的位置相同，可以比对预期图像与界面截图中，相同位置的一组像素点间的差异，比如，可以比对像素点511和像素点521，进而得到像素点之间的差异。

具体的，可以基于各相同位置的各组像素点间的差异，生成比对结果。通过本实施例的方案，可以得到预期图像与界面截图中，每组像素点间的差异，进而得到预期图像与界面截图的整体差异，通过这种方式能够确定出预期图像与界面截图之间不同的位置，从而便于用户修改开发界面。

进一步的，在比对各相同位置的各组像素点时，终端可以比对各组像素点间的像素值，还可以比对各组像素点间的透明度。

比如，第一像素点是预期图像中的像素点，第二像素点是界面截图中的像素点，且第一像素点在预期图像中的位置，与第二像素点在界面截图中的位置相同。则可以根据预期图像中的第一像素点的三通道像素值(R、G、B)、界面截图中的第二像素点的三通道像素值(R、G、B)，确定预期图像、界面截图之间相同位置像素点的像素值差异。

实际应用时，可以比对第一像素点的R值与第二像素点的R值，比对第一像素点的G值与第二像素点的G值，比对第一像素点的B值与第二像素点的B值，若三通道像素值均相同，则终端确定第一像素点和第二像素点之间的像素值无差异，否则，终端确定第一像素点和第二像素点之间的像素值存在差异。

终端还可以读取预期图像中第一像素点的透明度，以及界面截图中第二像素点的透明度，并比对第一像素点的透明度和第二像素点的透明度，进而确定预期图像、界面截图之间相同位置像素点的透明度差异。

其中，若第一像素点和第二像素点的透明度相同，则终端可以确定第一像素点和第二像素点之间的透明度无差异，否则，确定第一像素点和第二像素点之间的透明度存在差异。

通过这种实施方式中，可以从像素值、透明度两个角度确定出预期图像、界面截图之间的差异，这种方式能够准确的确定出预期图像与界面截图间的差异，尤其是在二者差异较小，无法通过肉眼直接确定时，本实施例提供的方法更具有优势。

步骤404，根据各相同位置的像素点之间的差异生成并显示差异图。

具体的，终端确定出预期图像、界面截图中的像素点间的差异后，可以基于该差异生成并显示差异图。

进一步的，若预期图像、界面截图中相同位置的像素点之间无差异，则将差异图中该位置的像素点设置为第一颜色，若预期图像、界面截图中相同位置的像素点之间存在部分差异，则将差异图中该位置的像素点设置为第二颜色，若预期图像、界面截图中相同位置的像素点之间完全不同，则将差异图中该位置的像素点设置为第三颜色，得到差异图。

比如，预期图像中的第一位置处的像素点P1，与界面截图中该第一位置处的像素点P2之间无差异，则可以将差异图中第一位置处的像素点P3设置为第一颜色。

通过这种方式，终端可以生成包括三种颜色的差异图，用户可以基于差异图直接确定预期图像、界面截图之间是否存在差异，而且能够通过差异图确定预期图像、界面截图之间不同位置，以及存在差异的像素点是完全不同，还是部分不同，从而便于用户对开发界面进行修改。

实际应用时，终端可以在开发界面的上层显示生成的差异图，用户可以基于上层显示的差异图，确定开发界面中与预期图像不同的位置。

步骤405，响应作用于差异图的放大操作，获取以操作位置为中心的放大区域。

其中，用户还可以操作差异图，从而对差异图中的部分区域进行放大显示，使用户能够观察差异图中的细节，进而更准确的对开发界面进行调整。

具体的，用户可以点击差异图中的任一位置，从而向终端发送放大操作。终端接收到该放大操作后可以获取用户的操作位置，比如可以获取用户在差异图中的点击位置。

进一步的，终端还可以获取以操作位置为中心的放大区域，比如，可以在差异图中获取以操作位置为中心，截取宽160个像素和高120个像素长方形区域图，将其作为放大区域。

步骤406，将放大区域中的每一像素点绘制到设置有像素网格的预设放大控件上。

实际应用时，终端可以对获取的放大区域进行放大显示。

其中，终端可以设置一预设放大控件，该预设放大控件中设置有像素网格，终端可以将放大区域中的每一像素点绘制到每一像素网格中，从而放大显示该放大区域。

图6为本公开一示例性实施例示出的对差异图进行放大显示的示意图。

如图6所示，终端可以显示差异图61，用户可以点击差异图61中的任一像素点，比如，可以点击位置62处。终端可以基于用户这一操作，获取放大区63，并将该放大区域63绘制到预设放大控件64中。

预设放大控件64中包括多个网格，每一网格可以对应当大区域63的一个像素点。

具体的，通过这种方式可以对差异图中的部分区域进行放大显示，从而使用户能够更加直观的看到该区域中的像素点信息，进而可以通过像素点的信息确定预期图像、界面截图之间的差异位置。

步骤407，响应作用于差异图的透明度调整操作，调整差异图的透明度，以使差异图为半透明状态。

进一步的，在检查控件中还可以设置用于调整差异图透明度的调整按键，用户可以操作该按键，使得电子设备可以响应该操作，调整差异图的透明度，以使差异图为半透明状态。

差异图处于半透明状态时，用户可以透过差异图确定差异图中用于表征预期图像和界面截图间具有差异的像素点，在开发界面中的相应位置，进而可以确定对开发界面进行调整时，需要调整的位置。

步骤408，根据比对结果确定预期图像、界面截图之间的差异点；在开发界面中标记差异点。

一种可选的实施方式中，电子设备还可以根据步骤403中确定的比对结果，确定预期图像、界面截图之间的差异点，具体可以确定预期图像、界面截图之间存在差异的像素点。

其中，电子设备可以在开发界面中标记差异点，从而使用户直接确定开发界面中需要调整的像素点的位置。

具体的，比如可以将开发界面中通过高亮的方式显示差异点。可选的，还可以设置取消高亮显示的按键，用户可以操作该按键，进而使电子设备响应该操作，还原开发界面的显示状态。

步骤409，响应预期图像添加操作，在开发界面的上层显示预期图像。

在一种可选的实施方式中，用户还可以向终端发送预期图像添加的指令，比如，用户可以操作检查控件，比如点击检查控件中的添加按键，并选择与当前显示的开发界面对应的预期图像，从而使终端可以获取该预期图像。

其中，终端可以将获取的预期图像显示在开发界面的上层。比如，终端可以通过Overlay方法实现将预期图像悬浮在开发界面上。

步骤410，响应对检查控件中调整功能的操作，调整预期图像的显示状态。

具体的，在检查控件中还可以设置用于对预期图像进行调整的按键，用户可以操作这些按键以调整预期图像的显示状态，从而使用户可以更好的观察预期图像与开发界面。比如，可以调整预期图像的位置，还可以调整预期图像的透明度。通过这种方式，能够便于用户比对预期图像和开发界面。

进一步的，一种实施方式中，在检查控件中可以设置用于调整预期图像透明度的按键，用户可以操作该按键，进而向电子设备发送调整预期图像的透明度的指令，使得电子设备可以响应用户的该操作，调整预期图像的透明度。

进一步的，电子设备可以根据用户的操作将预期图像调整为半透明状态，比如，若用户向电子设备发送透明度调整指令，指示将预期图像的透明度设置为50％，则电子设备可以将该预期图像的透明度调整为50％。

通过这种方式，电子设备可以将预期图像设置为半透明状态，使得用户可以透过上层半透明状态的预期图像，看到下层的开发界面，进而便于用户直接比对预期图像与开发界面，从而能够直接确定二者差异，使得用户可以基于观察结果调整开发界面，使得开发后的界面与预期图像一致。

在另一种实施方式中，在检查控件中可以设置用于调整预期图像位置的按键，用户可以操作该按键，进而调整预期图像的位置。

其中，用户操作用于调整预期图像位置的按键时，电子设备可以以像素为步长调整所述预期图像所在的位置，从而实现一个像素一个像素的移动预期图像的位置，例如，电子设备可以使用Transform.translate算法移动预期图像。

通过这种方式，可以精准的控制预期图像的位置，进而使其与开发界面在像素级效果对齐。以便于用户比对预期图像和开发界面。

可选的，用户还可以拖动预期图像，从而调整预期图像的位置，再基于检查控件中用于调整预期图像位置的按键，精细的调整预期图像的位置，从而便于用户对齐预期图像与开发界面。

在一种可选的实施方式中，在检查控件中可以设置一个用于调整透明度的按键，用户调整预期图像和差异图的显示状态时，可以操作该按键。

具体的，当用户操作该按键时，电子设备可以获取在开发界面上层显示的图像，若显示的为预期图像，则电子设备可以调整预期图像的透明度，若显示的为差异图，则电子设备可以调整该差异图的透明度。基于这种方式，只需要在检查控件中设置一个调整透明度的按键即可，从而减少检查控件在界面中所占用的空间。

图7为本公开一示例性实施例示出的开发界面的检测装置的结构示意图。

如图7所示，本公开提供的开发界面的检测装置700，包括：

显示单元710，用于在用于显示所述开发界面的容器中显示检查控件，所述检查控件用于检查所述开发界面；

响应单元720，用于响应对所述检查控件中比对功能的操作，截取所述开发界面得到界面截图，并获取所述开发界面的预期图像；

比对单元730，用于比对所述预期图像、所述界面截图得到比对结果；

所述显示单元710还用于根据所述比对结果显示差异图，所述差异图用于表征所述界面截图与所述预期图像之间的差异。

本公开提供的开发界面的检测装置与图1所示实施例的实现方式类似，不再赘述。

图8为本公开另一示例性实施例示出的开发界面的检测装置的结构示意图。

如图8所示，本公开提供的开发界面的检测装置800中，显示单元810与图7中所示出的显示单元710相似，响应单元820与图7中所示出的响应单元720相似，比对单元830与图7中所示出的比对单元730相似。

所述比对单元830具体用于：

根据所述预期图像、所述界面截图中相同位置的像素点的信息，确定像素点之间的差异，根据各相同位置的像素点间的差异确定所述比对结果。

相应的，所述显示单元810具体用于：

根据各相同位置的像素点之间的差异生成并显示所述差异图。

其中，所述比对单元830包括：

像素值比对模块831，用于根据所述预期图像中的第一像素点的三通道像素值、所述界面截图中的第二像素点的三通道像素值，确定所述预期图像、所述界面截图之间相同位置像素点的像素值差异；

透明度比对模块832，用于根据所述预期图像中的第一像素点的透明度、所述界面截图中的第二像素点的透明度，确定所述预期图像、所述界面截图之间相同位置像素点的透明度差异；

其中，所述第一像素点在所述预期图像中的位置，与所述第二像素点在所述界面截图中的位置相同。

其中，所述显示单元810，包括：

生成模块811，用于若所述预期图像、所述界面截图中相同位置的像素点之间无差异，则将所述差异图中该位置的像素点设置为第一颜色，若所述预期图像、所述界面截图中相同位置的像素点之间存在部分差异，则将所述差异图中该位置的像素点设置为第二颜色，若所述预期图像、所述界面截图中相同位置的像素点之间完全不同，则将所述差异图中该位置的像素点设置为第三颜色，得到所述差异图；

显示模块812，用于在所述开发界面的上层显示所述差异图。

其中，所述装置还包括放大单元840，用于：

响应作用于所述差异图的放大操作，获取以操作位置为中心的放大区域；

将所述放大区域中的每一像素点绘制到设置有像素网格的预设放大控件上。

其中，所述显示单元810还用于：

响应预期图像添加操作，在所述开发界面的上层显示所述预期图像；

响应对所述检查控件中调整功能的操作，调整所述预期图像的显示状态。

其中，所述显示单元810还包括：

透明度调整模块813，用于响应对所述检查控件的调整透明度的操作，调节所述预期图像的透明度，以使所述预期图像处于半透明状态。

其中，所述显示单元810，还包括：

位置调整模块814，用于响应对所述检查控件中位置调整的操作，以像素为步长调整所述预期图像所在的位置。

其中，所述显示单元810还用于：

响应作用于所述差异图的透明度调整操作，调整所述差异图的透明度，以使所述差异图为半透明状态。

其中，所述比对单元830还包括标记模块833，用于：

根据所述比对结果确定所述预期图像、所述界面截图之间的差异点；

在所述开发界面中标记所述差异点。

本公开提供一种开发界面的检测方法、装置、设备、存储介质及程序产品，应用于计算机技术领域中的图像处理技术，以提高开发界面与预期界面间的比对效率和准确率。

根据本公开的实施例，本公开还提供了一种电子设备和一种可读存储介质。

根据本公开的实施例，本公开还提供了一种计算机程序产品，计算机程序产品包括：计算机程序，计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从可读存储介质读取计算机程序，至少一个处理器执行计算机程序使得电子设备执行上述任一实施例提供的方案。

图9示出了可以用来实施本公开的实施例的示例电子设备900的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图9所示，电子设备900包括计算单元901，其可以根据存储在只读存储器(ROM)902中的计算机程序或者从存储单元908加载到随机访问存储器(RAM)903中的计算机程序，来执行各种适当的动作和处理。在RAM 903中，还可存储设备900操作所需的各种程序和数据。计算单元901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。

设备900中的多个部件连接至I/O接口905，包括：输入单元906，例如键盘、鼠标等；输出单元907，例如各种类型的显示器、扬声器等；存储单元908，例如磁盘、光盘等；以及通信单元909，例如网卡、调制解调器、无线通信收发机等。通信单元909允许设备900通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元901可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元901的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元901执行上文所描述的各个方法和处理，例如开发界面的检测方法。例如，在一些实施例中，开发界面的检测方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元908。在一些实施例中，计算机程序的部分或者全部可以经由ROM 902和/或通信单元909而被载入和/或安装到设备900上。当计算机程序加载到RAM 903并由计算单元901执行时，可以执行上文描述的开发界面的检测方法的一个或多个步骤。备选地，在其他实施例中，计算单元901可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行开发界面的检测方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务("Virtual Private Server"，或简称"VPS")中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。