关于我在工作中项目调试的方法

移动端调试

想要在pc上调试移动端页面,需要做下面几个步骤

PC

1.下载 微信web开发者工具;

2.打开微信开发者工具,选择移动调试

3.选择一个请求,把cookie复制出来

4.在电脑chrome打开开发者工具,切换到console输入以下代码 (用于鉴权)

 document.cookie="你刚刚复制的cookie"

5.如果是微信页面,需要用chrome模拟微信浏览器的 user-agent,教程如下:

模拟UA实现访问只能在微信上打开的网页

如果觉得麻烦,可以直接使用微信开发者工具自带的浏览器打开微信页面,里面的user agent,默认是为心里的

做完以上步骤,你就可以正常在电脑上打开移动页面,或者微信网页了

微信开发者模式

如果你的微信帐号被添加到了公众号web开发者名列. 你可以在微信web开发者工具 直接输入最原始的链接地址,便可以在电脑上调试了.(因为后台需要跳转好几次,来拿到cookie.最终微信复制出来的地址,是拿不到数据的)

该方法,要把代码部署到服务器上,才可以调试.目前项目的自动化做得还算方便.只要 grunt $build,代码就会自动部署到服务器.

如果想在本地开发环境,直接调试.只要拿到cookie,就可以解决所有问题.

微信web开发者工具的调试器与chrome一致,所以复制出cookie也是很方便的了.接下来,参照以上PC的调试方法.

mac

如果你用mac 并且有iphone,可以使用以下方法

使用safari对webview进行调试

注:无视教程第三步,也不需要xcode.只要是webview 都可以直接调试

本文链接:

https://alili.tech/archive/cb56039f/