调试工具在业务场景的使用-前端

这篇文档主要介绍在业务场景中，使用调试工具解决前端问题的思路。

调试工具的使用见文档：问题排查调试工具使用手册

调试工具的页面内容介绍：Oinone平台可视化调试工具

场景1：页面上的字段被删除

现象：未查询配置字段的数据

在设计页面给类目字段的“选项字段”配置了“速记码(字段名称为fastCode)”在其中

排查路径：

1. 将问题页面url路由中的page改为debug进入页面调试模式，可以看到页面的调试信息
   

2. 在标签页“页面字段”内的找到问题字段的配置，可以看到optionFields内还是有字段“速记码(字段名称为fastCode)”的
   
   但是存储关联关系模型字段配置的options[0].widggets内只有code、name、id字段了，fastCode的元数据未返回
   

3. 联系后端开发检查模型定义的代码，发现该字段已被注释删除
   

4. 跟后端同学沟通字段删除后的处理方案

场景2：动作权限问题排查

现象：页面配置的动作，部分角色登录后无法看到

设计页面是有个“发消息2”的动作

test01用户登录后，发现页面并没有这个动作

排查路径：

1. 将问题页面url路由中的page改为debug进入页面调试模式，可以看到页面的调试信息
2. 在标签页打开“页面动作”，在设计页面的“返回”动作后并没有看到“发消息2”的动作，我们再去权限管理页面查看权限
   
3. 在权限管理处，查看当前页面的动作权限情况，可以看到“发信息2”的动作确实没有选中
   
4. 我们将该动作选中后再次刷新运行时的页面，页面动作全部正确展示。