前端真机调试

混合app开发一般是前端先写好页面推到dev分支，构建项目(比如: abc.hello.com/yello.html)。然后客户端同学把项目地址放到DEBUG包中,然后测试同学就可以下载包进行测试。

那么如果前端页面有兼容性bug该怎么在webview上进行真机调试呢

1. 直接把DevTools中的地址改成开发项目的地址。

然后在上面直接调试吧

2. charles + webpack

FROM: abc.hello.com    TO: 127.0.0.1:3000

访问abc.hello.com/ABC/index.html 相当于访问 127.0.0.1:3000/ABC/index.html

但是本地默认是127.0.0.1:3000/index.html打开页面的！ 此时把webpack下的output/publicPath属性'/'改成'/ABC'这样就能正确的打开本地项目。

3. 也可以配置多个map remote:

FROM: abc.hello.com/ABC/index.html  TO: 127.0.0.1:3000/index.html
FROM: abc.hello.com                 TO: 127.0.0.1:3000

PS: 如果手机上有图片显示不出，但浏览器能正确显示，那么请给下载证书并且信任 []