[发明专利]本地页面调试方法、系统、电子装置及存储介质

说明书

本发明涉及一种开发辅助技术，揭露了一种本地页面调试方法，该方法包括：设置对本地页面预先确定的功能进行调试的关键参数，并将所述关键参数封装至预先确定的调试插件中；在访问的应用程序页面中通过所述调试插件并基于所述关键参数监听唤醒事件；当监听到唤醒事件后，生成并显示本地页面调试跳转界面；根据用户输入的跳转地址和所述关键参数，从所述应用程序页面跳转至本地页面，以供用户在所述本地页面中对所述预先确定的功能进行调试。本发明还提供一种本地页面调试系统、电子装置及计算机可读存储介质。本发明能够优化混合应用的开发方式，实现APP跳转访问本地页面，最终实时调试本地项目的目的，提高APP开发效率。

技术领域

本发明涉及开发辅助技术领域，尤其涉及一种本地页面调试方法、系统、电子装置及计算机可读存储介质。

背景技术

随着混合应用技术的发展和广泛应用，本地嵌入H5(HTML5.0，超文本5.0)页面的开发方式更能适应快速开发、快速上线、快速迭代的要求。但由于APP(Application，应用程序)自身网页视图容器底层实现方式的不同，缺乏统一标准，H5页面需要兼容不同APP的实现，调试较为困难，可能需要经过多次改动。

而对于一些复杂的网络、APP环境下的本地H5页面调试，例如需要调试HTTPS协议的接口或必须在APP中才能调用的接口时，难以在本地建立开发环境。现有本地H5页面的调试方式一般是采用开源插件v-console，发布到测试环境后，再在APP中调试。采用该方式，每次改动都需要重新发布到测试环境才能调试，不能实时调试，导致APP开发效率较低，方式不够灵活。

针对上述问题，如何实现从APP中实时调试本地H5页面的项目，提高APP的开发效率和便利性，已经成为一个亟待解决的技术问题。

发明内容

有鉴于此，本发明提出一种本地页面调试方法、系统、电子装置及计算机可读存储介质，以解决至少一个上述技术问题。

首先，为实现上述目的，本发明提出一种本地页面调试方法，该方法包括步骤：

设置对本地页面预先确定的功能进行调试的关键参数，并将所述关键参数封装至预先确定的调试插件中，所述关键参数至少包括预设的唤醒事件和本地页面地址；

在访问的应用程序页面中通过所述调试插件并基于所述关键参数监听所述唤醒事件；

当监听到所述唤醒事件后，生成并显示本地页面调试跳转界面，所述本地页面调试跳转界面中包括跳转输入区；及

根据用户在所述跳转输入区中输入的跳转地址和所述关键参数，从所述应用程序页面跳转至所述本地页面，以供用户在所述本地页面中对所述预先确定的功能进行调试。

可选地，所述调试插件为Vue插件，设置于所述应用程序页面的隐藏区域，作为一个隐藏块；所述关键参数还包括所述隐藏块在所述应用程序页面中的位置。

可选地，所述唤醒事件为点击所述隐藏块的次数。

可选地，所述根据用户在所述跳转输入区中输入的跳转地址和所述关键参数，从所述应用程序页面跳转至所述本地页面包括：

接收用户在所述跳转输入区中输入的跳转地址；

将接收到的所述跳转地址与所述关键参数中的所述本地页面地址进行对比，当两者一致时，从所述应用程序页面跳转至所述跳转地址对应的所述本地页面。

可选地，该方法在所述接收用户在所述跳转输入区中输入的跳转地址之前还包括：

根据所述关键参数中的所述本地页面地址在所述本地页面调试跳转界面的预设区域提示用户输入与所述本地页面地址相同的跳转地址。

可选地，所述跳转输入区包括跳转地址输入框和跳转按钮；所述跳转采用替换当前页面的方式。