关于我在工作中项目调试的方法
移动端调试
想要在pc上调试移动端页面,需要做下面几个步骤
PC
1.下载 微信web开发者工具;
2.打开微信开发者工具,选择移动调试
3.选择一个请求,把cookie复制出来
4.在电脑chrome打开开发者工具,切换到console输入以下代码 (用于鉴权)
document.cookie="你刚刚复制的cookie"
5.如果是微信页面,需要用chrome模拟微信浏览器的 user-agent,教程如下:
如果觉得麻烦,可以直接使用微信开发者工具自带的浏览器打开微信页面,里面的user agent,默认是为心里的
做完以上步骤,你就可以正常在电脑上打开移动页面,或者微信网页了
微信开发者模式
如果你的微信帐号被添加到了公众号web开发者名列. 你可以在微信web开发者工具 直接输入最原始的链接地址,便可以在电脑上调试了.(因为后台需要跳转好几次,来拿到cookie.最终微信复制出来的地址,是拿不到数据的)
该方法,要把代码部署到服务器上,才可以调试.目前项目的自动化做得还算方便.只要 grunt $build,代码就会自动部署到服务器.
如果想在本地开发环境,直接调试.只要拿到cookie,就可以解决所有问题.
微信web开发者工具的调试器与chrome一致,所以复制出cookie也是很方便的了.接下来,参照以上PC的调试方法.
mac
如果你用mac 并且有iphone,可以使用以下方法
注:无视教程第三步,也不需要xcode.只要是webview 都可以直接调试
微信公众号
