网页前端调试方法及装置制造方法及图纸

本公开是关于一种网页前端调试方法及装置。该方法包括：访问数据标志位，其中，数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器，根据数据标志位指示的调试数据的来源从服务器或者本地存储器获取调试数据，根据调试数据对网页前端进行调试，实现了可以根据数据标志位的指示从服务器或者本地存储器中获取调试数据，在网页前端调试过程中，当网络状态出现变化时，可以直接根据数据标志位指示的来源获取调试数据，实现了在调试过程中可以灵活切换是从服务器中获取调试数据还是从本地存储器中获取调试数据，便于开发人员操作，从而，提高了网页前端调试的效率。

Method and device for debugging front end of web page

The present disclosure relates to a front-end debugging method and device for a web page. The method includes: accessing data bits, the data bits used to indicate the source of data for debugging debugging device server or local memory, according to sources of data indicating debugging data label from the server or local memory access data according to the data of debugging, debugging web front-end debugging, can be realized according to the data bits the instructions from the server or local memory access data in Web front-end debugging, debugging process, when the network state changes, according to sources of data can be directly indicating mark access debug data, realized in the process of debugging and flexible switching is to obtain test data or obtain the debug data from local memory from the server. It is easy for the developers to operate, thus, improve the efficiency of Web front-end debugging.

【技术实现步骤摘要】
网页前端调试方法及装置
本公开涉及计算机技术，尤其涉及一种网页前端调试方法及装置。
技术介绍
随着计算机技术的发展，越来越多的用户通过在浏览器上浏览网页来获取信息。网页包括网页前端和网页后端。浏览器通过网页前端向用户展示信息。网页前端在上线前需要经过调试，以达到最优的展示效果。网页前端的调试需要依赖于网页后端返回的数据。相关技术中，在网页前端的调试过程中，当调试网页前端的调试设备与服务器之间的网络状态良好时以及服务器的性能比较稳定时，调试设备通过网络从服务器获取调试数据以进行网页前端的调试。当调试设备与服务器之间的网络性能较差或者服务器的性能不稳定时，通过编写代码将预先获取的调试数据保存在调试设备的本地存储器中，来模拟从服务器获取的调试数据以进行网页前端的调试，在网络恢复或者服务器的性能恢复时，需要移除预先获取的调试数据以及用来保存调试数据至调试设备的代码，而再次通过网络从服务器获取调试数据。在网络性能较差或者服务器的性能再次不稳定时，重复上述步骤。
技术实现思路
为克服相关技术中存在的问题，本公开提供一种网页前端调试方法及装置。根据本公开实施例的第一方面，提供一种网页前端调试方法，包括：访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器；根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据；根据所述调试数据对所述网页前端进行调试。结合第一方面，在第一方面的第一种可能的实现方式中，所述方法还包括：将所有用于从所述服务器获取所述调试数据的应用程序编程接口API封装成数据获取函数；相应地，所述访问数据标志位，包括：通过所述数据获取函数访问所述数据标志位；所述根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据，包括：根据所述数据标志位指示的调试数据的来源，通过所述数据获取函数调用所述API从所述服务器获取所述调试数据，或者，通过所述数据获取函数从所述本地存储器获取所述调试数据。结合第一方面，在第一方面的第二种可能的实现方式中，所述方法还包括：将所述调试数据保存在所述本地存储器中。结合第一方面的第二种可能的实现方式，在第一方面的第三种可能的实现方式中，所述将所述调试数据保存在所述本地存储器中，包括：将所述调试数据通过保存为json文件的形式保存在所述本地存储器中。结合第一方面或第一方面的第一种可能的实现方式至第一方面的第三种可能的实现方式中任一种可能的实现方式，在第一方面的第四种可能的实现方式中，所述从所述数据标志位指示的调试数据的来源处获取所述调试数据，包括：若所述数据标志位指示所述调试数据来源于服务器，则从所述服务器获取所述调试数据；若所述数据标志位指示所述调试数据来源于所述本地存储器，则从所述本地存储器获取所述调试数据。结合第一方面，在第一方面的第五种可能的实现方式中，在所述访问数据标志位之前，所述方法还包括：设置全局通用的配置文件，将所述数据标志位存储在所述配置文件中。结合第一方面，在第一方面的第六种可能的实现方式中，所述数据标志位默认用于指示所述调试数据的来源为所述服务器；所述方法还包括：若检测到所述调试设备与所述服务器之间的网络质量满足预设的条件，则设置所述数据标志位用于指示所述调试数据的来源为所述本地存储器。根据本公开实施例的第二方面，提供一种网页前端调试装置，包括：访问模块，被配置为访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是网页前端调试装置的本地存储器；获取模块，被配置为根据所述访问模块访问的数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据；调试模块，被配置为根据所述获取模块获取的所述调试数据对所述网页前端进行调试。结合第二方面，在第二方面的第一种可能的实现方式中，所述装置还包括：封装模块，被配置为将所有用于从所述服务器获取所述调试数据的应用程序编程接口API封装成数据获取函数；相应地，所述访问模块包括：访问子模块，被配置为通过所述封装模块封装的所述数据获取函数访问所述数据标志位；所述获取模块包括：第一获取子模块，被配置为根据所述访问子模块访问的数据标志位指示的调试数据的来源，通过所述封装模块封装的所述数据获取函数调用所述API从所述服务器获取所述调试数据，或者，通过所述封装模块封装的所述数据获取函数从所述本地存储器获取所述调试数据。结合第二方面，在第二方面的第二种可能的实现方式中，所述装置还包括：保存模块，被配置为将所述调试数据保存在所述本地存储器中。结合第二方面的第二种可能的实现方式，在第二方面的第三种可能的实现方式中，所述保存模块包括：保存子模块，被配置为将所述调试数据通过保存为json文件的形式保存在所述本地存储器中。结合第二方面或第二方面的第一种可能的实现方式至第二方面的第三种可能的实现方式中任一种可能的实现方式，在第二方面的第四种可能的实现方式中，所述获取模块包括：第二获取子模块，被配置为当所述访问模块访问的数据标志位指示所述调试数据来源于服务器时，从所述服务器获取所述调试数据；第三获取子模块，被配置为当所述访问模块访问的所述数据标志位指示所述调试数据来源于所述本地存储器时，从所述本地存储器获取所述调试数据。结合第二方面，在第二方面的第五种可能的实现方式中，所述装置还包括：第一设置模块，被配置为设置全局通用的配置文件，将所述数据标志位存储在所述配置文件中。结合第二方面，在第二方面的第六种可能的实现方式中，所述数据标志位默认用于指示所述调试数据的来源为所述服务器；所述装置还包括：第二设置模块，被配置为当检测到所述网页前端调试装置与所述服务器之间的网络质量满足预设的条件时，设置所述数据标志位用于指示所述调试数据的来源为所述本地存储器。根据本公开实施例的第三方面，提供一种网页前端调试装置，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为：访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器；根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据；根据所述调试数据对所述网页前端进行调试。本公开的实施例提供的技术方案可以包括以下有益效果：一个实施例中，通过访问数据标志位，其中，数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器，根据数据标志位指示的调试数据的来源从服务器或者本地存储器获取调试数据，根据调试数据对网页前端进行调试，实现了可以根据数据标志位的指示从服务器或者本地存储器中获取调试数据，在网页前端调试过程中，当网络状态出现变化时，可以直接根据数据标志位指示的来源获取调试数据，相较于相关技术，在不能从服务器中获取调试数据时，不需要编写代码将调试数据保存至调试设备中，也不需要在可以从服务器获取调试数据时，再将代码和本地存储器中的调试数据移除，实现了在调试过程中可以灵活切换是从服务器中获取调试数据还是从本地存储器中获取调试数据，便于开发人员操作，从而，提高了网页前端调试的效率。另一个实施例中，通过设置全局通用的配置文件，将数据标志位存储在配置文件中，将调试数据保存在本地存储器中，将所有用于从服务器获取调试数据的A本文档来自技高网...

【技术保护点】
一种网页前端调试方法，其特征在于，包括：访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器；根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据；根据所述调试数据对所述网页前端进行调试。

【技术特征摘要】
1.一种网页前端调试方法，其特征在于，包括：访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是调试设备的本地存储器；根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据；根据所述调试数据对所述网页前端进行调试。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所有用于从所述服务器获取所述调试数据的应用程序编程接口API封装成数据获取函数；相应地，所述访问数据标志位，包括：通过所述数据获取函数访问所述数据标志位；所述根据所述数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据，包括：根据所述数据标志位指示的调试数据的来源，通过所述数据获取函数调用所述API从所述服务器获取所述调试数据，或者，通过所述数据获取函数从所述本地存储器获取所述调试数据。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所述调试数据保存在所述本地存储器中。4.根据权利要求3所述的方法，其特征在于，所述将所述调试数据保存在所述本地存储器中，包括：将所述调试数据通过保存为json文件的形式保存在所述本地存储器中。5.根据权利要求1-4任一项所述的方法，其特征在于，所述从所述数据标志位指示的调试数据的来源处获取所述调试数据，包括：若所述数据标志位指示所述调试数据来源于服务器，则从所述服务器获取所述调试数据；若所述数据标志位指示所述调试数据来源于所述本地存储器，则从所述本地存储器获取所述调试数据。6.根据权利要求1所述的方法，其特征在于，在所述访问数据标志位之前，所述方法还包括：设置全局通用的配置文件，将所述数据标志位存储在所述配置文件中。7.根据权利要求1所述的方法，其特征在于，所述数据标志位默认用于指示所述调试数据的来源为所述服务器；所述方法还包括：若检测到所述调试设备与所述服务器之间的网络质量满足预设的条件，则设置所述数据标志位用于指示所述调试数据的来源为所述本地存储器。8.一种网页前端调试装置，其特征在于，包括：访问模块，被配置为访问数据标志位；其中，所述数据标志位用于指示调试数据的来源为服务器还是网页前端调试装置的本地存储器；获取模块，被配置为根据所述访问模块访问的数据标志位指示的调试数据的来源从所述服务器或者所述本地存储器获取所述调试数据...

【专利技术属性】
技术研发人员：冷雪峰，
申请(专利权)人：北京小米移动软件有限公司，
类型：发明
国别省市：北京,11