文档章节

iOS与JavaScript交互总结

秦无炎
 秦无炎
发布于 2016/09/28 17:41
字数 1312
阅读 12
收藏 0

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

 

- (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 = [NSJSONSerializationJSONObjectWithData: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*)[urlCompsobjectAtIndex:1] componentsSeparatedByString:@":/"];

        NSString *funcStr = [arrFucnameAndParameter objectAtIndex:0];

        if (1 == [arrFucnameAndParameter count])

        {

            // 没有参数

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

            {

                /*调用本地函数1*/

                NSLog(@"doFunc1");

            }

        }

        else

        {

            //有参数的

            if([funcStrisEqualToString:@"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>  

    <head>  

        <meta content="text/html; charset=utf-8" http-equiv="content-type">  

        <title>js调用oc</title>  

        <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>

        <script type="text/javaScript">  

        </script>  

    </head>  

    <body>  

    <!-- 

        <p><input type="text" id="text1" value="我来自ios苹果"/></p>  

        <p><input type="text" id="text2" value="我来自earth地球"/></p>  

      <p><input type="button" id="enter" value="enter" onclick="testClick('getParam1:withParam2:');"/></p>  

    </body>

     -->

     <input onclick="changedpcomment2();" value="点击"  type="button">

     <textarea rows="100" cols="10000" id="aaa">

     </textarea>  

     </body>

     <script src="/js/content.js"></script>

     <script type="text/javascript">

    //处理html  获取评论

     var aa = "";  // 全局变量 用于接收全部的html

 

    // 获取全部html的方法

     function changedpcomment(html){

      aa=aa+html;

     }

    // 具体去解析html的方法

     function changedpcomment2(){

         return encodeURIComponent(newData); // 将解析好的数据编好码返回给OC

  }

  // 点击按钮,调用OC方法

     function testClick(cmd)  

            {  

                var str1=document.getElementById("text1").value;  

                var str2=document.getElementById("text2").value;  

                window.location.href="objc://"+cmd+":/"+EncodeUtf8(str1)+":/"+EncodeUtf8(str2);  

            }  

   </script>

</html>  

本文转载自:

秦无炎
粉丝 4
博文 128
码字总数 6363
作品 0
朝阳
程序员
私信 提问
iOS与JS交互之UIWebView-JSExport协议

级别:★★☆☆☆ 标签:「iOS与JS交互」「UIWebView与JS交互」「JSExport」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),JS指前端(不...

QiShare
2018/08/31
0
0
iOS与JS交互之WKWebView-WKScriptMessageHandler协议

级别:★★☆☆☆ 标签:「iOS与JS交互」「WKWebView与JS交互」「WKJSMessageHandler」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),J...

QiShare
2018/09/02
0
0
iOS与JS交互之UIWebView-协议拦截

级别:★★☆☆☆ 标签:「iOS与JS交互」「UIWebView与JS交互」「UIWebView拦截协议」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),J...

QiShare
2018/08/28
0
0
iOS与JS交互之WKWebView-WKUIDelegate协议

级别:★★☆☆☆ 标签:「iOS与JS交互」「WKWebView与JS交互」「WKUIDelegate」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),JS指前端...

QiShare
2018/09/03
0
0
iOS与JS交互之UIWebView-JavaScriptCore框架

级别:★★☆☆☆ 标签:「iOS与JS交互」「UIWebView与JS交互」「JavaScriptCore」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),JS指前...

QiShare
2018/08/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部