本地直接修改或者代理线上内容,可排查线上问题

344 阅读1分钟

1. 通过chrome浏览器

1.先F12,打开浏览器的开发者工具
2.找到工具中源代码(sources)标签
3.找到下面的替换标签,并在本地新建一个文件夹,进行选择

image.png

4.在网页标签处找到自己需要修改的文件,进项操作报错,替换的文件夹会生成对应的文件,并且需启动本地替换
以css的样式为例,线上修改js的话也是同样的方法

image.png

2. 通过 Fiddler 工具

1.下载完后需要进行https的配置

image.png

image.png

2.配置相应的规则,规则上面是线上地址,下面是本地地址

image.png

3.跨域处理配置

在Fiddlerscript里面加入一些跨域处理代码 image.png 假设前端域名client.com发ajax请求给后端server.com,可如下配置解决跨域问题:

image.png 跨域配置方法可根据需求配置