使用WebView构建HyBird应用

HyBird是一种本地技术与Web相结合，能过实现跨平台的移动应用开发，最常用的一个框架：PhoneGap

一：首先，写好html代码

 <!DOCTYPE html>
 <html>
     <head>
         <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
         <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
         <script>
             //从iOS对象中调用
             function  helloWorld(msg) {
                 document.getElementById('message').innerHTML = msg;
             }
             //调用iOS对象
             function showAndroidDialog(msg) {
                 var myJSONObject = new Object();
                 myJSONObject.title = 'HelloWorld';
                 myJSONObject.message = msg;
                 var JSONString = JSON.stringify(myJSONObject);
                 var uri = 'gap://XXXClass.XXXmethod#' + JSONString;
                 window.location = uri;
             }
          </script>

     </head>
     <body>
         <h2>iOS本地与Web互相调用</h2>
         <button onclick='showAndroidDialog("JS to iOS 对象")'>调用iOS对象</button>
         <br><br>
         <div  id='message'></div>
     </body>
 </html>

二：在iOS中调用javaScript代码：

 - (void)viewDidLoad
 {
     [super viewDidLoad];
     // Do any additional setup after loading the view, typically from a nib.

     self.webView.delegate = self;
     NSString *path = [[NSBundle mainBundle] pathForResource:@"www/index" ofType:@"html"];
     [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath: path]]];
 }

 - (void)didReceiveMemoryWarning
 {
     [super didReceiveMemoryWarning];
     // Dispose of any resources that can be recreated.
 }

 #pragma mark UIWebViewDelegate

 - (void)webViewDidFinishLoad:(UIWebView *)webView
 {
     [self.webView stringByEvaluatingJavaScriptFromString:@"helloWorld('从iOS对象中调用JS Ok.')"];
 }

 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
 {
     NSString *actionType = request.URL.host;
     NSString *scheme = request.URL.scheme;
     NSString *fragment = [request.URL.fragment URLDecodedString];
     NSData *responseData = [fragment dataUsingEncoding:NSUTF8StringEncoding];

     if ( [scheme isEqualToString:@"gap"] ) {
         if ([actionType isEqualToString:@"XXXClass.XXXmethod"]) {

             NSError* error;
             NSDictionary* json = [NSJSONSerialization
                                   JSONObjectWithData:responseData
                                   options:NSJSONReadingAllowFragments
                                   error:&error];

             NSLog(@"title: %@ , message: %@",[json objectForKey:@"title"], [json objectForKey:@"message"] );

         }
     }
     return true;
 }

注：这里用到了一个NSString的分类用于字符串雨URL的编码与解码

 - (NSString *)URLEncodedString
 {
     NSString *result = (NSString *)
     CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(kCFAllocatorDefault,
                                             (CFStringRef)self,
                                             NULL,
                                             CFSTR("!*'();:@&amp;=+$,/?%#[] "),
                                             kCFStringEncodingUTF8));
     return result;
 }

 - (NSString*)URLDecodedString
 {
     NSString *result = (NSString *)
     CFBridgingRelease(CFURLCreateStringByReplacingPercentEscapesUsingEncoding(kCFAllocatorDefault,
                                                             (CFStringRef)self,
                                                             CFSTR(""),
                                                             kCFStringEncodingUTF8));
     return result;
 }

WebView 总结：

一：网页加载
1:回退和前进

//    if ([webView canGoBack]) {
//        self.backItem.enabled = YES;
//    } else {
//        self.backItem.enabled = NO;
//    }
self.backItem.enabled = [webView canGoBack];
self.forwardItem.enabled = [webView canGoForward];

self.backItem.enabled = [webView canGoBack];
self.forwardItem.enabled = [webView canGoForward];

2:字符串查找
// 如果在path中找不到@“baidu”这个字符串
//    [path rangeOfString:@"baidu"].length == 0;
//    [path rangeOfString:@"baidu"].location == NSNotFound

// URL格式：协议头://主机名/路径
// request.URL.path ： 获得的仅仅是主机名（域名）后面的路径
// request.URL.absoluteString ： 获得的是一个完整的URL字符串

// 1.获得完整的url字符串
NSString *url = request.URL.absoluteString;
NSUInteger loc = [url rangeOfString:@"baidu"].location;

// 2.找到baidu字符串，返回NO
if (loc != NSNotFound) { // 能找到
    return NO; // 禁止加载
}

// 3.如果没有找到，返回YES
return YES;

//    return loc == NSNotFound ? YES : NO;
//    return loc == NSNotFound;

 
 

iOS开发——网络编程OC篇&使用WebView构建HyBird应用的更多相关文章

  1. iOS开发——网络编程OC篇&Socket编程

    Socket编程 一.网络各个协议:TCP/IP.SOCKET.HTTP等 网络七层由下往上分别为物理层.数据链路层.网络层.传输层.会话层.表示层和应用层. 其中物理层.数据链路层和网络层通常被称作 ...

  2. iOS开发——网络编程OC篇&（一）XMPP简单介绍与准备

    XMPP简单介绍与准备 一.即时通讯简单介绍 1.简单说明 即时通讯技术(IM)支持用户在线实时交谈.如果要发送一条信息,用户需要打开一个小窗口,以便让用户及其朋友在其中输入信息并让交谈双方都看到交谈 ...

  3. iOS开发——网络编程OC篇&GCDAsyncSocket编程

    GCDAsyncSocket编程 同上一篇文章一样,这里也是使用Socket实现一个聊天室,但是这里使用的是一个常用的框架实现的:GCDAsyncSocket 一:导入这个框架 二:声明这个Socke ...

  4. iOS开发——网络编程OC篇&（二）XMPP实现用户登录与注销

    XMPP实现用户登录与注销 登录: 步骤: * 在AppDelegate实现登录 1. 初始化XMPPStream 2. 连接到服务器[传一个JID] 3. 连接到服务成功后,再发送密码授权 4. 授 ...

  5. iOS开发——网络实用技术OC篇&网络爬虫－使用青花瓷抓取网络数据

    网络爬虫-使用青花瓷抓取网络数据 由于最近在研究网络爬虫相关技术,刚好看到一篇的的搬了过来! 望谅解..... 写本文的契机主要是前段时间有次用青花瓷抓包有一步忘了,在网上查了半天也没找到写的完整的教 ...

  6. iOS开发——网络实用技术OC篇&网络爬虫－使用java语言抓取网络数据

    网络爬虫-使用java语言抓取网络数据 前提:熟悉java语法(能看懂就行) 准备阶段:从网页中获取html代码 实战阶段:将对应的html代码使用java语言解析出来,最后保存到plist文件 上一 ...

  7. iOS开发——网络编程Swift篇&Alamofire详解

    Alamofire详解 预览图 Swift Alamofire 简介 Alamofire是 Swift 语言的 HTTP 网络开发工具包,相当于Swift实现AFNetworking版本. 当然,AF ...

  8. iOS开发——网络编程Swift篇&（八）SwiftyJSON详解

    SwiftyJSON详解 最近看了一些网络请求的例子,发现Swift在解析JSON数据时特别别扭,总是要写一大堆的downcast(as?)和可选(Optional),看?号都看花了.随后发现了这个库 ...

  9. iOS开发——网络编程Swift篇&（七）NSURLSession详解

    NSURLSession详解 // MARK: - /* 使用NSURLSessionDataTask加载数据 */ func sessionLoadData() { //创建NSURL对象 var ...

随机推荐

  1. 2014搜狗前端面经【A事业部】

    刚刚面完搜狗,有种莫名其妙的感觉,哪里莫名其妙呢?听我慢慢道来... 开始面试官就这简历,问了一些有的没的东西,都不深(好吧我承认之前的经历有点菜,没神马加分项啊). 后面开始技术面: 知识点1:JS ...

  2. Eclipse + Idea + Maven + Scala + Spark +sbt

    http://jingpin.jikexueyuan.com/article/47043.html 新的scala 编译器idea使用 https://www.jetbrains.com/idea/h ...

  3. nodejs 调用 OC 方法

    nodejs 借助 nodobjc 模块 https://github.com/TooTallNate/NodObjC demo: var $ = require('nodobjc') $.frame ...

  4. 一个在 Java VM 上使用可观测的序列来组成异步的、基于事件的程序的库 RxJava，相当好

    https://github.com/ReactiveX/RxJava https://github.com/ReactiveX/RxAndroid RX (Reactive Extensions,响 ...

  5. 关于javascript里面仿python切片操作数组的使用方法

    其实在使用了好一段时间的 python之后,我觉得最让我念念不忘的并不是python每次在写函数或者循环的时候可以少用{}括号这样的东西(ps:其实也是了..感觉很清爽,而且又开始写js的时候老是想用 ...

  6. Django中如何使用django-celery完成异步任务2（转）

    原文链接: http://www.weiguda.com/blog/74/ 在上一篇博文中, 我们介绍了如何在开发环境中使用Celery. 接下来我们介绍一下如何在部署环境使用Celery. 1. 简 ...

  7. JXSE and Equinox Tutorial, Part 2

    http://java.dzone.com/articles/jxse-and-equinox-tutorial-part-0 ———————————————————————————————————— ...

  8. 深入学习JavaScript对象

    JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始 ...

  9. 从输入一个URL到页面呈现，网络上都发生了什么？

    归纳一下其中涉及到前端的一些基础知识,主要包括:http协议.web标准.w3c标准等.       这个问题虽然只有两个2个动作:输入URL和呈现页面,但这背后发生了很多"有趣" ...

  10. CreateEvent的用法

    事件对象就像一个开关:它只有两种状态---开和关.当一个事件处于”开”状态,我们称其为”有信号”否则称为”无信号”.可以在一个线程的执行函数中创建一个事件对象,然后观察它的状态,如果是”无信号”就让该 ...