在iOS开发的过程中我们可能会遇到混合开发的情况,但并不是使用UIWebView简单的调用网页,往往需要我们和网页进行交互,本文将和大家共同探讨iOS混合开发的那些事。
一、手机软件开发模式介绍
目前手机app的开发模式无外乎三种:
1.Native App,原生APP,使用原生SDK和IDE开发的基于iOS和Android的APP;Native App性能好,用户体验好,但是也有弊端,开发周期长、不能跨平台、版本更新复杂。
2.Web App,即网页APP,手机相当于一个浏览器,这种模式开发简单,但是访问速度慢、用户体验差。
3.Hybrid App,混合APP,综合了Web App的开发速度和Native App的高性能体验。
二、Hybrid App中iOS和html的交互 demo下载
1.本节中用到的html文件内容为:html文件下载
2.使用UIWebView加载html文件,可以加载本地的html文件或者网页文件,本节中选择加载本地文件。
3.如果此时你想把“标题”删除,但是不通过修改html文件的方法,使用iOS的修改就可以在UIWebView的代理方法-(void)webViewDidFinishLoad:(UIWebView*)webView中用webView调用js代码去删除html中的元素,具体代码如下:
此时你又发现“陌子夕”实际应该为“夕子陌”,我们也可以使用iOS调用修改标签的内容,代码如下:
此时需求又让你在虹口下面添加一张图片,代码如下:
修改“虹口”字体的大小:
修改字体颜色和网页的背景颜色:
以上是在iOS端修改html网页的界面元素,主要使用了UIWebView的代理方法:-(void)webViewDidFinishLoad:(UIWebView*)webView,然后编写js代码,用webView通过方法:- (nullableNSString*)stringByEvaluatingJavaScriptFromString:(NSString*)script去调用js代码。
4、捕获html上按钮的点击事件,然后就可以在本地适当的时候处理一些事件。主要也是使用了UIWebView的代理方法:
-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType,
当点击html文件上的按钮时就会触发这个代理方法,(本文中使用UIWebView调用百度的主页,然后点击搜索的时候让网页弹出提示:加载新闻失败了);
代码为:
-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
{
NSURL*URL = request.URL;
NSString*urlStr = URL.absoluteString;
if([urlStr isEqualToString:@"http://m.news.baidu.com/news?fr=mohome&ssid=0&from=844b&uid=&pu=sz%401320_2001%2Cta%40iphone_1_9.3_3_601&bd_page_type=1"]) {
[webView stringByEvaluatingJavaScriptFromString:@"alert('加载新闻失败了')"];
returnNO;
}
returnYES;
}
三、总结
在iOS中操作html的几个步骤:
1.利用UIWebView加载本地html资源或者网络上html资源;
2.设置UIWebView的代理为当前视图控制器,并遵守协议;
3.用类选择器或者id选择器或者标签选择器等选择要进行操作的标签;
4.把获取到的标签转换成js代码的字符串;
5.UIWebView对象调用stringByEvaluatingJavaScriptFromString方法执行js代码。
iOS监听html文件的步骤是:
1.利用UIWebView加载本地html资源或者网络上html资源;
2.设置UIWebView的代理为当前视图控制器,并遵守协议;
3.获取到将要加载的html资源的链接;
4.在代理方法中URL.absoluteString是否和上述获取的链接相同;
5.根据判断结果处理需求。