iOS与JavaScript交互总结

最近由于公司业务需要,需要在移动端调用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 ()

{   

    UIWebView *myWebView;   

}

@end

@implementation ViewController

- (void)viewWillDisappear:(BOOL)animated

{   

    [super viewWillDisappear:animated];    // 确保在访问别的点评网页时是手机版   

    [[NSUserDefaults standardUserDefaults] registerDefaults:@{@"UserAgent":kAppUserAgent}];

}

- (void)viewDidLoad

{   

    [super viewDidLoad];

    myWebView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 320, 658)];

    myWebView.delegate = self;

    myWebView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight; 

     myWebView.scalesPageToFit = YES;

    NSURLRequest *request= [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://p.test.aijee.cn/CApp1_4_5/changedpcomment"]];

    [myWebView loadRequest:request];

    [self.view addSubview:myWebView];

        [[NSUserDefaults standardUserDefaults] registerDefaults:@{@"UserAgent":kPCUserAgent}];    // @"http://p.test.aijee.cn/CApp1_4_5/changedpcomment"   

}

- (void)webViewDidFinishLoad:(UIWebView *)webView{

    //网页加载完成调用此方法 

      if (webView == myWebView) {

        NSString *url = @"http://www.dianping.com/shop/4739340/";

        NSString *appConnect = [[NSString alloc] initWithContentsOfURL:[NSURL URLWithString:url] encoding:NSUTF8StringEncoding error:nil];

                for (int i = 0; i < appConnect.length / 300 + 1; i++) { 

          NSRange range;           

            if (i == appConnect.length / 300) { 

              range = NSMakeRange(i * 300, appConnect.length - i * 300); 

          } else { 

              range = NSMakeRange(i * 300,300);

            }

            NSString *appContentString = [appConnect substringWithRange:range];

            appContentString = [appContentString stringByReplacingOccurrencesOfString:@"\r" withString:@""];

            appContentString = [appContentString stringByReplacingOccurrencesOfString:@"\n" withString:@""];

            appContentString = [appContentString stringByReplacingOccurrencesOfString:@"\"" withString:@"\\\""]; 

          appContentString = [appContentString stringByReplacingOccurrencesOfString:@"/" withString:@"\\/"];

            NSString *string = [NSString stringWithFormat:@"changedpcomment('%@')",appContentString]; 

                      [webView stringByEvaluatingJavaScriptFromString:string];

        }

        NSString *string = [webView stringByEvaluatingJavaScriptFromString:@"changedpcomment2()"];

        NSString *decodeString = [self decodeFromPercentEscapeString:string]; 

      NSLog(@"result = %@",decodeString);

        NSData *dataString = [decodeString dataUsingEncoding:NSUTF8StringEncoding];

        NSArray *array = [NSJSONSerialization JSONObjectWithData:dataString options:NSJSONReadingAllowFragments error:nil];

        NSLog(@"array = %@",array);

    }}

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType{

    NSString *urlString = [[request URL] absoluteString];

    urlString = [urlString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

    NSLog(@"urlString=%@",urlString);

    NSArray *urlComps = [urlString componentsSeparatedByString:@"://"];

    if([urlComps count] && [[urlComps objectAtIndex:0] isEqualToString:@"objc"])

    {       

    NSArray *arrFucnameAndParameter = [(NSString*)[urlComps objectAtIndex:1] componentsSeparatedByString:@":/"];

        NSString *funcStr = [arrFucnameAndParameter objectAtIndex:0];

        if (1 == [arrFucnameAndParameter count])

        {            // 没有参数

            if([funcStr isEqualToString:@"doFunc1"]) 

          {                /*调用本地函数1*/

                NSLog(@"doFunc1");

            }

        }        else        {            //有参数的         

          if([funcStr isEqualToString:@"getParam1:withParam2:"])

            {

                [self getParam1:[arrFucnameAndParameter objectAtIndex:1] withParam2:[arrFucnameAndParameter objectAtIndex:2]];

            }

        }

        return NO;

    }

    return YES;

}

- (void)getParam1:(NSString*)str1 withParam2:(NSString*)str2{

    NSLog(@"收到html传过来的参数:str1=%@,str2=%@",str1,str2);

}

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.

}

@end

JS代码://处理html  获取评论

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容