最近由于公司业务需要,需要在移动端调用JS去解析大众点评网页,同时抓取评论相关内容。对iOS与JS交互进行了研究,总结一下。
技术点总结:
首先,OC与JS的交互需要用到UIWebView来实现。
技术点一:OC调用JS方法。
这个其实在苹果API中已经集成的很好了,只需要一个方法
stringByEvaluatingJavaScriptFromString
就可以了,去API中查看它是UIWebView的对象方法,需要传入的参数为NSString,这个字符串是所调用的JS方法的方法名。该方法的返回值同样是一个字符串,为JS方法的返回值。
技术点二:JS调用OC方法
这个用到了WebView的代理方法
- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType;
网页加载每一个请求的时候都会调用这个方法,你可以在JS中加载一个伪URL请求,其实是事先协商好格式的字符串,这样在iOS只需要解析这个请求,如果发现是事先协商好的格式的请求,那么你就可以去调用对应的方法了。
原理相对来说还是比较简单的,说说再具体实现中遇到的几个坑点。
坑点总结:
坑点一:
因为需要把抓取到的大众点评的网页传给JS方法,但是JS方法传入参数长度大于480时就接收不到参数,具体原因不明。
解决方法:for循环多次调用这个方法,每次传入480,用一个JS方法专门去接收并拼接成整个网页的字符串。
坑点二:由于以上for循环上传html,可能刚好截到某些敏感的字符。
解决方法:之前是先整体转义好的,截取时碰到还是有可能碰到一些敏感字符,所以先截取再转义。那么截取的长度就需要稍微短一些,因为转义完的字符还是不能超过480。
坑点三:这个主要是JS的问题,返回的字符为ASCII加密格式,一直在移动端解析不出来。
解决方法:只需在JS返回参数是用encodeURIComponent这个方法进行一下编码就可以了。
坑点四:大众点评的网页相同网址在电脑端访问自动是电脑版,手机端自动是手机版,而手机版的评论条数比较少,这就需要我们去用手机端去访问到电脑版的网页。
解决方法:需要将手机的UserAgent设置为电脑端即可。
坑点五:像上面那样设置了UserAgent,但是在其他页面还需要展示手机端的网页,还需要在离开这个界面的时候将userAgent设置回去。
为了清楚将代码放在下方:
iOS代码:
#import "ViewController.h"
#define kPCUserAgent @"Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.7 Safari/537.36"
#define kAppUserAgent @"Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3"
@interface ViewController ()<UIWebViewDelegate>
{
UIWebView *myWebView;
}
@end
@implementation ViewController