页面的检测方法、装置和非易失性计算机可读存储介质与流程

技术特征：
1.一种页面的检测方法，包括：在待检测页面中，显示页面检测窗口；在所述页面检测窗口中，显示用户上传的页面设计图；根据所述用户选择的所述待检测页面上的基准点和所述页面设计图上的基准点，对所述页面设计图与所述待检测页面进行重合显示，以显示所述待检测页面与所述页面设计图之间的差异。2.根据权利要求1所述的检测方法，其中，所述在所述页面检测窗口中，显示用户上传的页面设计图包括：在所述页面检测窗口中，显示所述页面设计图的缩略图，所述页面设计图上的基准点是所述用户在所述缩略图上选择的基准点。3.根据权利要求1所述的检测方法，其中，所述待检测页面上的基准点包括所述待检测页面上的第一元素，所述页面设计图上的基准点包括与所述页面设计图上所述第一元素对应的第二元素。4.根据权利要求1所述的检测方法，其中，所述待检测页面具有多种显示样式对应多个页面设计图，所述在所述页面检测窗口中，显示用户上传的页面设计图包括：根据所述待检测页面的当前显示样式，显示与所述当前显示样式对应的页面设计图。5.根据权利要求4所述的检测方法，其中，所述显示与所述当前显示样式对应的页面设计图包括：响应于所述用户对所述待检测页面的当前显示样式的调整，切换显示与所述当前显示样式对应的页面设计图。6.根据权利要求4所述的检测方法，其中，所述显示样式包括所述待检测页面的显示尺寸、配色、字体或布局中的至少一项。7.根据权利要求5所述的检测方法，其中，所述切换显示与所述当前显示样式对应的页面设计图包括：响应于所述用户通过拖动所述待检测页面所在窗口以调整所述待检测页面的当前显示尺寸，在所述页面检测窗口中，切换显示与所述当前显示尺寸对应的页面设计图的缩略图。8.根据权利要求1所述的检测方法，其中，所述页面设计图包括与所述待检测页面的局部对应的局部页面设计图。9.根据权利要求8所述的检测方法，还包括：在所述用户在所述页面检测窗口中选择手动调整所述局部页面设计图的情况下，在所述待检测页面中的任意位置显示所述局部页面设计图；根据所述用户对所述局部页面设计图在所述待检测页面中的显示位置的调整，对所述局部页面设计图与所述待检测页面的局部进行重合显示。10.根据权利要求8所述的检测方法，其中，所述确定所述页面设计图在所述待检测页面中的显示位置，使得所述页面设计图与所述待检测页面重合显示包括：在所述用户在所述页面检测窗口中选择自动调整所述局部页面设计图的情况下，根据所述用户选择的所述待检测页面的局部上的基准点和所述局部页面设计图上的基准点，对
所述局部页面设计图与所述待检测页面的局部进行重合显示。11.根据权利要求8所述的检测方法，其中，所述待检测页面的局部包括所述待检测页面中的弹窗、表格、文本或菜单中的至少一项。12.根据权利要求1-11任一项所述的检测方法，还包括：在检测出所述页面设计图与所述待检测页面存在差异的情况下，响应于用户在所述页面设计图或所述待检测页面中选择所述差异对应的页面元素，显示代码修改窗口，所述代码修改窗口用于修改所述页面元素对应的源代码。13.根据权利要求12所述的检测方法，还包括：根据所述用户对所述源代码的修改，在所述页面设计图和所述待检测页面上显示修改后的页面元素。14.根据权利要求1-11任一项所述的检测方法，其中，所述对所述页面设计图与所述待检测页面进行重合显示包括：根据所述用户在所述页面检测窗口中配置的所述页面设计图或者所述待检测页面的透明度，对所述页面设计图和所述待检测页面进行重合显示，所述透明度大于透明度阈值。15.根据权利要求1-11任一项所述的检测方法，还包括：根据所述用户在所述页面检测窗口中配置的所述页面设计图的显示尺寸，对所述页面设计图和所述待检测页面进行重合显示。16.一种页面的检测装置，包括：显示器，被配置为根据处理器的控制，在待检测页面中，显示页面检测窗口，在所述页面检测窗口中，显示用户上传的页面设计图，根据所述用户选择的所述待检测页面上的基准点和所述页面设计图上的基准点，对所述页面设计图与所述待检测页面进行重合显示，以显示所述待检测页面与所述页面设计图之间的差异。17.根据权利要求16所述的检测装置，还包括：处理器，被配置为根据所述待检测页面上的基准点和所述页面设计图上的基准点，确定所述页面设计图在所述待检测页面中的显示位置。18.一种页面的检测装置，包括：存储器；和耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行时实现权利要求1-15任一项所述的页面的检测方法。19.一种非易失性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现权利要求1-15任一项所述的页面的检测方法。

技术总结
本公开涉及一种页面的检测方法、装置和非易失性计算机可读存储介质，涉及计算机技术领域。该检测方法，包括：在待检测页面中，显示页面检测窗口；在页面检测窗口中，显示用户上传的页面设计图；根据用户选择的待检测页面上的基准点和页面设计图上的基准点，对页面设计图与待检测页面进行重合显示，以显示待检测页面与页面设计图之间的差异。本公开的技术方案能够降低页面开发的成本、缩短开发周期。缩短开发周期。缩短开发周期。


技术研发人员：陈亦涛 杨艺源 彭勃
受保护的技术使用者：抖音视界有限公司
技术研发日：2022.10.31
技术公布日：2023/1/31