# 一、Fiddle调试

# 1、作用

通过此工具可以进行网络数据包抓取、代码替换、网络断点等常用操作,能通过网络层面协助分析问题

# 2、适合场景

1)对请求数据需要进行分析的场景 2)使用微协同模式PC端调试时,将修改后的代码通过本地替换,快速验证用户生成环境效果而不影响用户生产环境使用 3)手机抓网络请求数据包分析数据流转的场景

# 3、使用步骤

# 1)电脑开启fiddler软件,并设置监听端口号

【Tools】----【Fiddler Options...】----【HTTPS】设置https相关设置---【Connections】设置端口和远程网络请求抓取

# 【Tools】开启设置

1659509118511.png

# 【HTTPS】设置https类型的请求

1659509124628.png

# 设置https证书信任,这样就可以抓https的请求包了

1659509133741.png

# 设置代理的监听端口号和勾选远程数据抓取开启

1659509144380.png

# 2)使用fiddle替换线上代码

1659509160191.png

# 3)手机设置Fiddle代理

1659509170123.png

# 4)视频教程

# 二、微信客户端调试H5代码

# 1、通过微信聊天窗口

http://debugx5.qq.com,开启微信客户端对H5页面的调试

1659509204141.png

# 2、视频教程

# 三、通过后台日志排查前端错误

# 1、概述

从8.0SP2LTS版本和8.1版本开始,M3移动开发增加了前端错误日志推送到后台ctp.log日志中进行记录,便于当客户的手机端出现前端问题而没有明显错误信息提示到前端,或者用户报错的时间无法得知时,开发者可以通过后台日志记录快速定位问题原因

# 2、原理

CMP平台对页面的错误事件做了全局监听(及使用window.onerror),当错误信息被捕获后,会发生一个错误日志信息到后台,后台将错误信息记录到ctp.log日志文件中

# 3、日志获取路径

A8安装目录/ApacheJetspeed/logs_sy/ctp.log

# 4、日志分析

1659509230684.png

编撰人:admin