使用场景
使用了 uniapp之后 有时候虚拟机跟真机上有些不一样 比如canvas的画图（这里指的不是合法域名的问题，而是一些神奇的兼容问题） 或者一些按钮在真机上没有宽度 又或者真机上有滚动条虚拟机上没有 这个时候就需要做兼容 一般来说我们是需要打包提交到测试才能去真机看效果 这个时候如果还是没有修复好 就需要再次修改然后打包提交 这样就很浪费时间 所以就需要用到映射这个东西
映射就是可以在手机上看到的也是本地的效果本地的代码修改的时候手机也是会实时改变的（这里是个人理解的通俗版前端映射） 之前我用的是virtual Hosts这个软件 但是iphone是没有这个软件的 而且也不支持改变自己的hosts文件 所以现在介绍一下用fiddler来去做映射
fiddler安装完成之后配置如下
图片引用 @一个大土豆的日常
原文图片地址 blog.csdn.net/wbdsr234/ar…
首先进入Tools -> Options -> Connections
再进入Tools -> Options -> HTTPS
把这几个选项框选中
然后可以查看本地域名，端口在刚刚的Connections可以配置，默认是8888，修改任何配置后需要重启fiddler，否则可能不生效
配置完毕后，打开浏览器访问本地域名，下载一个名称为FiddlerRoot.cer的证书，然后自行发送给手机安装信任这个证书
本人的华为手机安装流程为：设置->安全->加密和凭据->从存储设备安装找到FiddlerRoot.cer文件
iphone好像已经不需要装这个证书了，直接跳过这一步（不行的话就找教程装吧）
证书安装完毕之后，再配置WiFi的网络代理，改成自己电脑上的代理，端口需要跟fiddler一样 （fiddler默认是8888）
配置成功并且进入本地地址就可以看到fiddler捕捉到的接口，里面也是可以看到状态和返回数据等，连接不上就试试重启fiddler，修改端口和配置之后都是需要重启的
结语
fiddler 作为一个抓包工具， 主要是调试接口的问题，不过我们在微信开发工具可以随时调试接口，所以这里主要是作为真机的实时调试工具
