UIWebView使用示例(一)

最新推荐文章于 2016-03-22 19:53:00 发布
最新推荐文章于 2016-03-22 19:53:00 发布
阅读量1k 收藏 1
点赞数
文章标签： UIWebView Object-C
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z18789231876/article/details/50095935
版权

一、UIWebView概述

类似Android中的WebView，使用一个视图控件在屏幕中加载显示网络链接、本地html文件、HTML代码等。

在iOS API中，提供了三种方法：用来实现这些功能：

- (void)loadRequest:(NSURLRequest *)request;  
 
 - (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;  
 
- (void)loadData:(NSData *)data MIMEType:(NSString *)  
            MIMEType textEncodingName:(NSString *)textEncodingName baseURL:(NSURL *)baseURL;
第一种方法，直接加载网络链接。 

NSString *path = @"http://theo2life.com";  
NSURL *url = [[NSURL alloc] initWithString:path];  
[webView loadRequest:[NSURLRequest requestWithURL:url]];
第二种方法，载入本地hml文件或者HTML代码：

直接加载本地html文件“top.html”

NSString *resourcePath = [ [NSBundle mainBundle] resourcePath];  
NSString *filePath  = [resourcePath stringByAppendingPathComponent:@"top.html"];  
NSString *htmlstring =[[NSString alloc] initWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];   
[webView loadHTMLString:htmlstring  baseURL:[NSURL fileURLWithPath: [[NSBundle mainBundle]  bundlePath]]];
或者直接取出html文件的内容，变成字符串 

NSString *HTMLData = @"<html>
    <head>
        <title>首页</title>
        <meta charset = "utf-8">
            <meta name = "viewport" content = "width=device=width">
                
    </head>
    <body>
        <h1>三个颜色</h1>
        <hr/>
        <h2>准备选择哪一件衣服?</h2>
        <ol>
            <li/><a href = "page1.html">红色衣服</a>
            <li/><a href = "page2.html">银色衣服</a>
            <li/><a href = "page3.html">黑色衣服</a>
        </ol>
    </body>
</html>";  
[webView loadHTMLString:HTMLData baseURL:[NSURL fileURLWithPath: [[NSBundle mainBundle]  bundlePath]]];
第三种方法，相比第二种，给出了更详细的编码方式，除了可以加载HTML文件，也可以用来加载pdf/word/image/ppt等资源文件。

二、WebView加载本地文件示例

top.html

<html>
    <head>
        <title>首页</title>
        <meta charset = "utf-8">
            <meta name = "viewport" content = "width=device=width">
                
    </head>
    <body>
        <h1>三个颜色</h1>
        <hr/>
        <h2>准备选择哪一件衣服?</h2>
        <ol>
            <li/><a href = "page1.html">红色衣服</a>
            <li/><a href = "page2.html">银色衣服</a>
            <li/><a href = "page3.html">黑色衣服</a>
        </ol>
    </body>
</html>

page1.html 

<html>
    <head>
        <title>Page1</title>
        <meta charset = "utf-8">
            <meta name = "viewport" content = "width=device=width">
                
                </head>
    <body>
        <h1>红色衣服</h1>
        <hr/>
        <h2>没有任何东西</h2>
        <ol>
            <li/><a href = "top.html">返回</a>
        </ol>
    </body>
</html>

page2.html 

<html>
    <head>
        <title>Page2</title>
        <meta charset = "utf-8">
            <meta name = "viewport" content = "width=device=width">
                
                </head>
    <body>
        <h1>银色衣服</h1>
        <hr/>
        <h2>两件衣服</h2>
        <ol>
            <li/><a href = "page1.html">红色衣服</a>
            <li/><a href = "page3.html">黑色衣服</a>
            <li/><a href = "top.html">返回</a>
        </ol>
    </body>
</html>

page3.html 

<html>
    <head>
        <title>Page3</title>
        <meta charset = "utf-8">
            <meta name = "viewport" content = "width=device=width">
                
                </head>
    <body>
        <h1>黑色衣服</h1>
        <hr/>
        <h2>有一条黑色的围巾</h2>
        <ol>
            <li/><a href = "top.html">返回</a>
        </ol>
        
        <form action="document.title">
            <input type = "submit" value = "执行js" />
        </form>
    </body>
</html>


#import "ViewController.h"

@interface ViewController ()

@end
UIWebView *webView;

@implementation ViewController
-(void)dealloc{
    
    if([webView isLoading]){
        [webView stopLoading];
    }
    [webView release];
    [super dealloc];
}

//加载视图
- (void)viewDidLoad {
    [super viewDidLoad];
    self.title = @"webview";
    webView = [[UIWebView alloc] init];
    //webView.delegate = self;
    webView.frame = self.view.bounds;
    webView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    [self.view addSubview:webView];
}

/*私有方法*/
-(void)loadHTMLFile:(NSString *)path{
    
    NSString *resourcePath = [ [NSBundle mainBundle] resourcePath];
    NSString *filePath  = [resourcePath stringByAppendingPathComponent:path];
    NSString *htmlstring =[[NSString alloc] initWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
    [webView loadHTMLString:htmlstring  baseURL:[NSURL fileURLWithPath: [[NSBundle mainBundle]  bundlePath]]];
    NSLog(@"resourcesPath:%@", resourcePath);
    NSLog(@"filePath: %@",filePath);
    NSLog(@"htmlString: %@",htmlstring);
}

//继承的方法
-(BOOL)webView: (UIWebView *)webView shouldStartLoadWithRequest:(nonnull NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    
    //触摸连接后，进入href属性指定的下一个页面
    if(UIWebViewNavigationTypeLinkClicked == navigationType){
        NSString *url = [[request URL] path];
        [self loadHTMLFile:url];
        return FALSE; //对链接进行了拦截处理，返回false
    }else if(UIWebViewNavigationTypeFormSubmitted == navigationType){
        NSString *url = [[request URL] path];
        NSArray *component = [url pathComponents];
        NSString *resultString = [webView stringByEvaluatingJavaScriptFromString:[component lastObject]];
        
        //显示对话框
        UIAlertController *controller = [UIAlertController alertControllerWithTitle:@"title" message:resultString preferredStyle:UIAlertControllerStyleAlert];
        UIAlertAction *cancleAction = [UIAlertAction actionWithTitle:@"Cancle" style:UIAlertActionStyleCancel handler: ^(UIAlertAction *action){
            NSLog(@"Click the cancle button.");
        }];
        UIAlertAction *otherAction = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler: ^(UIAlertAction *action){
            NSLog(@"Click the ok button.");
        }];
        [controller addAction:cancleAction];
        [controller addAction:otherAction];
        [self presentViewController:controller animated:YES completion:nil];
        
        
        return FALSE;
        
    }
    
    return TRUE;
}


//画面显示时，自动调用的方法。显示top.html
-(void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    [self loadHTMLFile:@"top.html"];
}

-(void)webViewDidStartLoad: (UIWebView *)webView{
    NSLog(@"WebView did start load.");
    [self updateControlEnabled];
}

-(void)webViewDidFinishLoad: (UIWebView *)webView{
    NSLog(@"WebView did finish load.");
    [self updateControlEnabled];
    
}

-(void)webView: (UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{
    NSLog(@"Did failed load woth error: %li", error.code);
    NSLog(@"%@", error.localizedDescription);
    [self updateControlEnabled];
}

-(void)updateControlEnabled{
    if([webView isLoading]){
        NSLog(@"WebView is loading");
    }else{
        NSLog(@"WebView has finished loading or error");
    }
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end
执行效果：

未完待续...





诗未冷
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UIWebView Demo代码
04-26
UIWebView Web 网页 Demo 代码
IOS UIWebView加载网页实例
热门推荐
linux_zkf的专栏
07-09 3万+
作者：朱克锋 邮箱：[email protected] 转载请注明出处：http://blog.csdn.net/linux_zkf 效果如图 //要实现UIWebViewDelegate代理 @interface TestViewController : UIViewControllerUIWebViewDelegate> {     UIWebV
IOS UIWebView Demo
06-25
http://blog.csdn.net/totogo2010/article/details/7690034
UIWebView Demo
weixin_33775582的博客
07-31 91
分享一下我找到的一个关于UIWebview使用的DEMO，需要的同学可以研究一下下，如果需要用到JS通信的，可以管我要 转载于:https://blog.51cto.com/jimmy1015/1533164...
UIWebViewDemo一发，比较简单的实现
我天真无邪
12-18 523
UIWebView 得实现UIWebViewDelegate  点击打开链接 demo下载地址传送门 @protocol UIWebViewDelegate NSObject> @optional - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request n
iPhone开发之UIWebView示例程序
08-21
这是iPhone开发之UIWebView示例程序，具体参考： http://blog.csdn.net/htttw/article/details/7888557
移动应用开发-iOS开发示例教程之UIWebview.zip
04-03
移动应用开发_iOS开发示例教程之UIWebview
iOS UIWebView实现禁止用户复制剪切功能
09-01
主要给大家介绍了iOS中的UIWebView如何实现禁止用户复制剪切的功能，文中给出了详细的示例代码，有需要的朋友们可以参考借鉴，下面来一起学习学习吧。
swift-iOS11新APIs的一些使用示例
08-15
iOS 11新APIs的一些使用示例
HTML5App:在 UIWebView 中显示 JQuery Mobile 的示例源代码
06-14
HTML5应用程序 在 UIWebView 中显示 JQuery Mobile 的示例源代码。 基于
UIWebViewDemo
05-05
UIWebVeiw的使用,功能包括“返回上页”“在safari打开”“网页刷新”
UIWebView与JS交互小例子
02-17
UIWebView与JS交互小例子,其中涉及APP向JS提交信息,和JS提交信息给App
iOSUIWebView---快停下啦，你的愚蠢的行为
weixin_33725239的博客
03-22 167
公元前 之前还是学生时代的时候给社团们学弟学妹们介绍iOS编程的时候，简单的准备了图灵ios培训第一周（使用UIWebView创建简易浏览器）， NSURL *url =[NSURL URLWithString:urlString]; NSLog(urlString); NSURLRequest *request =[NSURL...
UIWebView - stringByEvaluatingJavaScriptFromString
可爱的麦兜
10-16 1724
UIWebView - stringByEvaluatingJavaScriptFromString: Returns the result of running a script. Declaration SWIFT func stringByEvaluatingJavaScriptFromString(_ script: String) -> String? OBJECTIVE-
UIView 的 autoresizingMask 属性 详解
xiaoxuan415315的专栏
01-04 853
在 UIView 中有一个autoresizingMask的属性，它对应的是一个枚举的值（如下），属性的意思就是自动调整子控件与父控件中间的位置，宽高。 enum {    UIViewAutoresizingNone                 = 0,    UIViewAutoresizingFlexibleLeftMargin   = 1    UIViewAutores
UIWebView的基本使用
01-03 443
// // ViewController.m // UIWebView的基本使用 #import "ViewController.h" #import "MBProgressHUD+MJ.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIWebView *webView; @end @impl
后端开发是一个涉及广泛技术和工具的领域.docx
最新发布
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
uiwebview fixed 不固定
06-02
如果您的UIWebView在页面滚动时不固定，您可以尝试以下解决方法： 1. 禁用滚动：可以通过设置UIWebView的...这些方法中的任何一种都可以用来固定UIWebView的位置。您可以根据自己的需求选择适合您的解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值