一种微信webapp调试方法及装置制造方法及图纸

本发明专利技术公开了一种微信webapp调试方法及装置，其中，所述方法包括步骤：A.获取weapp调试过程中的环境变量；B.通过所述环境变量判断当前环境是否为开发环境；C.当所述环境变量为开发环境时，监听全局事件；D.根据所述全局事件类型，进行对应事件类型的页面加载；本发明专利技术所述方案，实现了微信webapp的调试，根据weapp调试过程中的环境变量获取当前环境，并对全局事件进行监听，从而实现对应的事件类型的页面加载，由于微信潜入的是webapp，所以可以用web的方式比较Hack的解决这些调试上的问题，完成快捷调试，并且通过该方法可以清除苹果微信的底部导航条遮挡等多个问题。

A debugging method and device for Wechat webapp

【技术实现步骤摘要】
一种微信webapp调试方法及装置
本专利技术涉及教育系统领域，尤其涉及一种微信webapp调试方法及装置。
技术介绍
目前微信支持内嵌网页，使用BUIWebapp嵌入的webapp在调试的过程中，会遇到多个问题，微信打开的web页面会缓存，微信的返回也会有缓存，苹果微信的底部导航条遮挡等等多个问题，造成调试和使用的困难，微信没有提供webapp(特别是BUIwebapp)的调试方式(e.g清除缓存)以及多个问题的解决方案。因此，现有技术还有待于改进和发展。
技术实现思路
鉴于上述现有技术的不足，本专利技术的目的在于提供一种微信webapp调试方法及装置，旨在解决微信webapp的调试的问题。本专利技术的技术方案如下：一种微信webapp调试方法，其中，包括步骤：A.获取weapp调试过程中的环境变量；B.通过所述环境变量判断当前环境是否为开发环境；C.当所述环境变量为开发环境时，监听全局事件；D.根据所述全局事件类型，进行对应事件类型的页面加载。所述的微信webapp调试方法，其中，所述步骤A中，所述环境变量用于检测调试过程中的环境是生产环境或开发环境。所述的微信webapp调试方法，其中，所述步骤B与步骤C之间还包括步骤：检测当前设备是否为IOS设备；当设备为IOS设备时，不同步历史记录。所述的微信webapp调试方法，其中，所述步骤C包括：监听全局事件开始前，去除之前的页面缓存。所述的微信webapp调试方法，其中，所述步骤D包括：监听路由的返回事件，对页面进行全局刷新；监听路由的后退事件，设置需要刷新的页面，并判断退回的页面是否需要刷新，当是时，则刷新页面；监听当前页面是否为指定debug页面，若是，则自动执行初始化函数。所述的微信webapp调试方法，其中，所述步骤A之前还包括：预先设置指定debug页面对应的参数值，并设定所述debug页面的初始化函数。所述的微信webapp调试方法，其中，监听当前页面是否为指定debug页面，若是，则自动执行初始化函数的步骤中，获取当前页面的参数值，若当前页面的参数值为制定debug页面参数值时，执行相应的初始化函数。一种微信webapp调试装置，其中，所述装置包括至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的webapp调试方法。一种非易失性计算机可读存储介质，其中，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行如上所述的微信webapp调试方法。一种计算机程序产品，其中，所述计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被处理器执行时，使所述处理器执如上所述的微信webapp调试方法。有益效果：本专利技术公开了一种微信webapp调试方法及装置，其中，所述方法包括步骤：A.获取weapp调试过程中的环境变量；B.通过所述环境变量判断当前环境是否为开发环境；C.当所述环境变量为开发环境时，监听全局事件；D.根据所述全局事件类型，进行对应事件类型的页面加载；本专利技术所述方案，实现了微信webapp的调试，根据weapp调试过程中的环境变量获取当前环境，并对全局事件进行监听，从而实现对应的事件类型的页面加载，由于微信潜入的是webapp，所以可以用web的方式比较Hack的解决这些调试上的问题，完成快捷调试，并且通过该方法可以清除苹果微信的底部导航条遮挡等多个问题。附图说明下面将结合附图及实施例对本专利技术作进一步说明，附图中：图1为本专利技术所述微信webapp调试方法的步骤流程图。图2为本专利技术所述微信webapp调试装置的结构示意图。具体实施方式本专利技术提供一种微信webapp调试方法及装置，为使本专利技术的目的、技术方案及效果更加清楚、明确，以下对本专利技术进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。请参阅图1，为本专利技术所述微信webapp调试方法的步骤流程图，本专利技术公开了一种微信webapp调试方法，其中，包括步骤：S1.获取weapp调试过程中的环境变量；S2.通过所述环境变量判断当前环境是否为开发环境；S3.当所述环境变量为开发环境时，监听全局事件；S4.根据所述全局事件类型，进行对应事件类型的页面加载。进一步的，所述的微信webapp调试方法，其中，所述步骤S1中，所述环境变量用于检测调试过程中的环境是生产环境或开发环境。进一步的，所述的微信webapp调试方法，其中，所述步骤S2与步骤S3之间还包括步骤：检测当前设备是否为IOS设备；当设备为IOS设备时，不同步历史记录。所述的微信webapp调试方法，其中，所述步骤S3包括：监听全局事件开始前，去除之前的页面缓存。进一步的，所述的微信webapp调试方法，其中，所述步骤S4包括：监听路由的返回事件，对页面进行全局刷新；监听路由的后退事件，设置需要刷新的页面，并判断退回的页面是否需要刷新，当是时，则刷新页面；监听当前页面是否为指定debug页面，若是，则自动执行初始化函数。进一步的，所述的微信webapp调试方法，其中，所述步骤S1之前还包括：预先设置指定debug页面对应的参数值，并设定所述debug页面的初始化函数。进一步的，所述的微信webapp调试方法，其中，监听当前页面是否为指定debug页面，若是，则自动执行初始化函数的步骤中，获取当前页面的参数值，若当前页面的参数值为制定debug页面参数值时，执行相应的初始化函数。本专利技术所述微信webapp调试方法，具体说明如下，关于术语描述，BUIwebapp：BUIweapp是一个基于zeptojs或jQuery的UI交互框架，专注Webapp开发，提供丰富的组件，灵活的定制，超多的模板及参考案例，帮助开发者快速构建Webapp，最终可以在浏览器，微信公众号运行，以及结合Dcloud、ApiCloud、Appcan等，第三方平台打包成HybridApp，完美适配，一次开发，多端运行，并保持一致体验。引入BUIwebapp，设置一个变量IS_PRODUCTION(该变量用于检测环境为生产环境还是开发环境)，获取当前页面url，判断url为生产环境还是开发环境，根据环境修改IS_PRODUCTION的值、检测当前设备是否为IOS设备，假设是，设置BUIwebapp的路由属性，将该属性设置为一个false值不同步历史记录(苹果微信的底部导航条遮挡问题是因为历史记录引起的，针对IOS的路由初始化时去除历史记录即可解决该问题)；判断当前环境是否为开发环境，当否时跳过步骤，当是时执行下一步。获取BUI的loader对象，将缓存属性设置为false(在路由初始化之前，先去掉模块的缓存，这样每次进入页面，都会是一个新的脚本，解决微信自带的缓存问题)，监听路由的返回事件，在返回事件发生时，对页面进行全局刷新，(解决页面在返回后没有刷新的问题)，监听全局的后退事件，设置需要刷新的页面，判断当前退回的页面是否需要刷新，如果需要刷新，则刷新页面(这个方法可以监听本文档来自技高网...

【技术保护点】
1.一种微信webapp调试方法，其特征在于，包括步骤：A.获取weapp调试过程中的环境变量；B.通过所述环境变量判断当前环境是否为开发环境；C.当所述环境变量为开发环境时，监听全局事件；D.根据所述全局事件类型，进行对应事件类型的页面加载。

【技术特征摘要】
1.一种微信webapp调试方法，其特征在于，包括步骤：A.获取weapp调试过程中的环境变量；B.通过所述环境变量判断当前环境是否为开发环境；C.当所述环境变量为开发环境时，监听全局事件；D.根据所述全局事件类型，进行对应事件类型的页面加载。2.根据权利要求1所述的微信webapp调试方法，其特征在于，所述步骤A中，所述环境变量用于检测调试过程中的环境是生产环境或开发环境。3.根据权利要求1所述的微信webapp调试方法，其特征在于，所述步骤B与步骤C之间还包括步骤：检测当前设备是否为IOS设备；当设备为IOS设备时，不同步历史记录。4.根据权利要求1所述的微信webapp调试方法，其特征在于，所述步骤C包括：监听全局事件开始前，去除之前的页面缓存。5.根据权利要求4所述的微信webapp调试方法，其特征在于，所述步骤D包括：监听路由的返回事件，对页面进行全局刷新；监听路由的后退事件，设置需要刷新的页面，并判断退回的页面是否需要刷新，当是时，则刷新页面；监听当前页面是否为指定debug页面，若是，则自动执行初始化函数。6.根据权利要求5所述的微信webapp调试方法，其特征在于，所述步骤A之前还包括：预先设置指定deb...

【专利技术属性】
技术研发人员：李天驰，孙悦，
申请(专利权)人：深圳点猫科技有限公司，
类型：发明
国别省市：广东,44