最近开发微信端网页,涉及到使用微信JSSDK提供的分享、照片选择、上传、预览等功能,由于微信官方有安全域名的限制,调试一开始都是通过暴漏在公网的一个测试环境上进行,但是一次次的修改、构建再修改再构建太耽误时间,最后就考虑模拟安全域名,绕过检测。

PC端很方便,直接修改HOST指向微信公众号后台配置的安全域名即可,但是这样也只能使JSSDK通过校验,实际使用中往往会调用手机资源,如分享、上传等。

于是,又找到了我们的前端神器——Fiddler,熟悉前端的都知道,这玩意很强大,具体功能这里不再赘述。我们就说说其代理功能,其实Fiddler默认的拦截形式就是通过代理实现,即所有请求通过127.0.0.1:8888(默认值)中转,而这个地址则是Fiddler处理程序所提供的。想要手机使用电脑上的HOST,很简单,我们在能够使手机网络和电脑处于同一网段的前提下,只需在Fiddler的Tools菜单下找到Fiddler Options,打开后安装需求配置HTTPS或者其他项,最后记着打开Connections选项卡下的Allow remote computers to connect,之后在手机等终端的WLAN高级选项里面设置代理服务器为电脑IP,端口为8888(默认值)即可。

下面通过手机打开电脑端HOST所指定的域名,访问内容就是PC端本地内容,修改起来就方便多了,小小技巧,仅记录一下,希望对那些和我一样刚刚接触移动端开发的朋友有些微薄的帮助。

另外需要注意的是,HOST的改变一般会有部分缓存,电脑端我们可以通过ipconfig /flushdns来刷新一下,而手机端不方便使用命令,可以直接打开飞行模式再关闭,目前我个人是这样处理的,如果有更好的方法,欢迎分享。