iOS 里面webview调用相机上传图片错误,调试心得/调试App里面的webview方法

为什么要调试app里面的webview?

场景: 为了快速开发,决定使用webview 来开发一个页面,然后原生只是调用这个页面,这个页面主动掉起了相机,并html上传得到的照片进行和服务器的交互;

问题:出现了失败的情况

解决方法1:使用原生方法调用相机和相册并使用原生网络请求进行上传图片,并和服务器交互,最后返回给html 得到的图片url[当然这是初级的,我曾经看到过有人直接把h5里面的图片全替换成原生的使用sd,并没有机会体验,这次为了快速,或者出于对解决问题的态度,并没有使用这个方法]

解决方法2:找到h5失败的原因,直接在手机上是看不出来的;把手机连接到电脑上也只是报错为ATS问题,然后我可以吧所有http都与允许,并没有这么做,因为不是很安全.但是还得从这里解决处理...

下面重要角色开始登场

使用Safari来进行调试

参考stackoverflow里面是这样写的

1. Connect your iDevice via USB with your Mac
2. Open Safari on your Mac and activate the dev tools
3. On your iDevice: go to settings > safari > advanced and activate the web inspector[Safari的偏好设置-高级-在菜单栏中显示"开发"菜单  勾上此处]
4. Go to any website with your iDevice [手机部分准备到需要调试的页面]
5. On your Mac: Open the developer menu and chose the site from your iDevice (its at the top Safari Menu)[在Safari中点击开发,然后点击自己的设备,这时候再点击需要调试的页面,就能看到对应的详细报错了]

通过以上的办法,找到了这个页面是访问的那一个http的站点,于是,在ats的设置里面调整了只允许这个网站的访问请求.

http://blog.csdn.net/hccgk/article/details/79556093 (修改ats)

于是解决了这个问题