前端开发者工具,你最实用的得力助手

你可能经常遇到这些问题:
客户现场反馈与页面数据相关的问题,需要快速获取前端页面状态数据,支撑问题的定位分析。如:页面控件未按期望显示与隐藏、表格数据显示错行、页面卡顿等。
但在部分特殊场景下,我们无法打开浏览器自带的控制台来查看页面相关数据。如:嵌入了苍穹页面的钉钉桌面客户端等第三方软件,而采用安装其他软件抓取通信数据的方式又比较繁琐低效。
为满足以上使用场景,苍穹V6.0.1新增了一套前端在线数据分析工具,支持快速查看前端页面相关数据,协助定位页面问题。
适用版本
金蝶云·苍穹V6.0.1及以上版本
功能介绍
此套前端开发者工具支持以下功能:
1. 支持快速查看前端时间戳、浏览器内核等版本信息。
2. 支持快速查看网络通信、页面缓存,运行日志、页面性能分析等数据。
3. 支持简单、快速查看页面组件及所在单据关键信息。
4. 支持自动化分析通信数据,自动识别多个场景问题等。
使用方法
接下来介绍工具的具体使用方法:
1. 功能入口:在任意页面上使用快捷键“shift+F12”或“ctrl+alt+L”激活该工具。
2. 激活该工具之后,在工具主界面可以查看前端时间戳等内容;操作主界面不同页签,切换到不同功能模块。
主框架功能(工具主界面)
激活该工具后即打开工具主界面,可以快速查看前端时间戳、浏览器内核信息等内容。

工具主界面
控制台
通过“控制台”可以查看页面脚本等执行输出的日志。

控制台
页面列表
通过“页面列表”可快速查看当前页面包含的所有单据信息(包括单据配置、元数据、页面html结构等)。
其中“表单分析”包含了该单据下控件的状态,可查看控件的关键数据,包括标识、可见性/锁定性状态,以及该控件所在单据的关键信息等。

页面列表
页面指令
通过“页面指令”可以获取前后端通信数据并进行自动化分析,针对若干场景问题自动定位并给出提示,提高用户定位问题的效率。

页面指令
网络请求
通过“网络请求”可以查看前端页面发送出去的所有请求及相关信息,包括所有网络资源加载等。同时“网络请求”与“资源列表”展示了“耗时”信息,帮助用户快速识别耗时长的内容。

网络请求
数据监控
通过
前端开发者工具,你最实用的得力助手
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。



