[发明专利]前端页面调试方法、装置、计算机设备和存储介质有效
| 申请号： | 201811627583.5 | 申请日： | 2018-12-28 |
| 公开（公告）号： | CN111381813B | 公开（公告）日： | 2023-03-14 |
| 发明（设计）人： | 徐星宇 | 申请（专利权）人： | 抖音视界有限公司 |
| 主分类号： | G06F8/30 | 分类号： | G06F8/30;G06F8/38 |
| 代理公司： | 北京风雅颂专利代理有限公司 11403 | 代理人： | 徐雅琴 |
| 地址： | 100041 北京市石景山区*** | 国省代码： | 北京;11 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 前端 页面 调试 方法 装置 计算机 设备 存储 介质 | ||
1.一种前端页面调试方法，其特征在于，包括以下步骤：
在监测到前端页面当前需要进行渲染时，监控引起所述前端页面进行更新渲染的变量；
根据所述引起前端页面进行更新渲染的变量，分析所述前端页面中变量的依赖关系；
将所述前端页面中变量的依赖关系提供给开发人员，其中，所述变量的依赖关系用于所述开发人员对所述前端页面进行调试。
2.根据权利要求1所述的前端页面调试方法，其特征在于，所述监控引起所述前端页面进行更新渲染的变量，包括：
获取用于渲染所述前端页面的渲染代码；
获取预设的监控代码，并将所述监控代码插入至所述渲染代码中；
在执行所述渲染代码以渲染所述前端页面时，通过所述监控代码监控引起所述前端页面进行更新渲染的变量。
3.根据权利要求2所述的前端页面调试方法，其特征在于，所述获取用于渲染所述前端页面的渲染代码，包括：
从渐进式框架Vue.js库中获取所述用于渲染前端页面的渲染代码。
4.根据权利要求2或3所述的前端页面调试方法，其特征在于，所述根据所述引起前端页面进行更新渲染的变量，分析所述前端页面中变量的依赖关系，包括：
通过所述监控代码根据所述引起前端页面进行更新渲染的变量，确定所述变量改变时引起的其他发生改变的变量；
确定所述变量和所述其他发生改变的变量之间的依赖关系。
5.根据权利要求1所述的前端页面调试方法，其特征在于，所述将所述前端页面中变量的依赖关系提供给开发人员，包括：
输出所述前端页面中变量的依赖关系；
将所述输出的前端页面中变量的依赖关系呈现在指定的显示区域内以供开发人员查看。
6.一种前端页面调试装置，其特征在于，包括：
监控模块，用于在监测到前端页面当前需要进行渲染时，监控引起所述前端页面进行更新渲染的变量；
分析模块，用于根据所述引起所述前端页面进行更新渲染的变量，分析所述前端页面中变量的依赖关系；
提供模块，用于将所述前端页面中变量的依赖关系提供给开发人员，其中，所述变量的依赖关系用于所述开发人员对所述前端页面进行调试。
7.根据权利要求6所述的前端页面调试装置，其特征在于，所述监控模块具体用于：
获取用于渲染所述前端页面的渲染代码；
获取预设的监控代码，并将所述监控代码插入至所述渲染代码中；
在执行所述渲染代码以渲染所述前端页面时，通过所述监控代码监控引起所述前端页面进行更新渲染的变量。
8.根据权利要求7所述的前端页面调试装置，其特征在于，所述分析模块具体用于：
通过所述监控代码根据所述引起前端页面进行更新渲染的变量，确定所述变量改变时引起的其他发生改变的变量；
确定所述变量和所述其他发生改变的变量之间的依赖关系。
9.一种计算机设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现根据权利要求1至5中任一项所述的前端页面调试方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现根据权利要求1至5中任一项所述的前端页面调试方法。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于抖音视界有限公司，未经抖音视界有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201811627583.5/1.html，转载请声明来源钻瓜专利网。
- 上一篇：一种改进型防断裂减震器
- 下一篇：一种图像显示方法、装置、设备和存储介质
