电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

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

来源:金蝶云社区作者:金蝶2024-09-2310

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

你可能经常遇到这些问题:

客户现场反馈与页面数据相关的问题,需要快速获取前端页面状态数据,支撑问题的定位分析。如:页面控件未按期望显示与隐藏、表格数据显示错行、页面卡顿等。

但在部分特殊场景下,我们无法打开浏览器自带的控制台来查看页面相关数据。如:嵌入了苍穹页面的钉钉桌面客户端等第三方软件,而采用安装其他软件抓取通信数据的方式又比较繁琐低效。

为满足以上使用场景,苍穹V6.0.1新增了一套前端在线数据分析工具,支持快速查看前端页面相关数据,协助定位页面问题。




适用版本


金蝶云·苍穹V6.0.1及以上版本


功能介绍


此套前端开发者工具支持以下功能:


1. 支持快速查看前端时间戳、浏览器内核等版本信息。

2. 支持快速查看网络通信、页面缓存,运行日志、页面性能分析等数据。

3. 支持简单、快速查看页面组件及所在单据关键信息。

4. 支持自动化分析通信数据,自动识别多个场景问题等。


使用方法


接下来介绍工具的具体使用方法:


 1. 功能入口:在任意页面上使用快捷键“shift+F12”或“ctrl+alt+L”激活该工具。

 2. 激活该工具之后,在工具主界面可以查看前端时间戳等内容;操作主界面不同页签,切换到不同功能模块。


  • 主框架功能(工具主界面)


激活该工具后即打开工具主界面,可以快速查看前端时间戳、浏览器内核信息等内容。


上传图片

工具主界面


  • 控制台


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


上传图片

控制台


  • 页面列表


通过“页面列表”可快速查看当前页面包含的所有单据信息(包括单据配置、元数据、页面html结构等)。

其中“表单分析”包含了该单据下控件的状态,可查看控件的关键数据,包括标识、可见性/锁定性状态,以及该控件所在单据的关键信息等。


上传图片

页面列表


  • 页面指令


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


上传图片

页面指令


  • 网络请求


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


上传图片

网络请求


  • 数据监控


通过

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

你可能经常遇到这些问题:客户现场反馈与页面数据相关的问题,需要快速获取前端页面状态数据,支撑问题的定位分析。如:页面控件未按期望显...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信