ios开发之--UIWebView全属性

最近的项目当中需要用到html和ios的交互，所以就凑空整理一下，所有webView相关的方法和属性，如有不对的地方，请大家不吝指教！

代码如下：

1，创建webview并设置代理

UIWebView *webView = [[UIWebView alloc]initWithFrame:self.view.bounds];

    [self.view addSubview:webView];

    webView.delegate = self;

2，加载一个url

    [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];

3，设置相关的属性

    webView.scalesPageToFit = YES;//自动对页面进行缩放以适应屏幕比例

    webView.dataDetectorTypes = UIDataDetectorTypePhoneNumber;//检测功能
    [webView sizeToFit]；//记得添加此自适应属性，否则加载会有问题

补充：关于detectsPhoneNumbers方法已废弃，替代方法为：dataDetectorTypes，枚举内容如下：

    typedef NS_OPTIONS(NSUInteger, UIDataDetectorTypes) {

        UIDataDetectorTypePhoneNumber                                        =  << , // Phone number detection-->检测电话

        UIDataDetectorTypeLink                                               =  << , // URL detection-->检测网址和邮箱

        UIDataDetectorTypeAddress NS_ENUM_AVAILABLE_IOS(4_0)                 =  << , // Street address detection-->检测街道地址

        UIDataDetectorTypeCalendarEvent NS_ENUM_AVAILABLE_IOS(4_0)           =  << , // Event detection-->检测事件

        UIDataDetectorTypeShipmentTrackingNumber NS_ENUM_AVAILABLE_IOS(10_0) =  << , // Shipment tracking number detection-->货物追踪号码检测

        UIDataDetectorTypeFlightNumber NS_ENUM_AVAILABLE_IOS(10_0)           =  << , // Flight number detection-->班机号码检测

        UIDataDetectorTypeLookupSuggestion NS_ENUM_AVAILABLE_IOS(10_0)       =  << , // Information users may want to look up-->用户可能要查找的信息

        UIDataDetectorTypeNone          = ,               // Disable detection-->禁用检测

        UIDataDetectorTypeAll           = NSUIntegerMax    // Enable all types, including types that may be added later-->检测电话网址和邮箱

    }

4，加载本地文件（我的文件都是直接复制到工程根目录下，add进去的，直接拖进去的，我不用），如图：

a 加载本地pdf文件

    NSURL *fileURL = [[NSBundle mainBundle] URLForResource:@"test.pdf" withExtension:nil];

    [webView loadRequest:[NSURLRequest requestWithURL:fileURL]];

b 加载本地word

NSString *path = [[NSBundle mainBundle] pathForResource:@"Test" ofType:@"docx"];

c 加载本地excel文件

    NSString *path = [[NSBundle mainBundle]pathForResource:@"湘潭物业管理项目计划清单" ofType:@"xlsx"];

    NSURL *url = [NSURL fileURLWithPath:path];

    [webView loadRequest:[NSURLRequest requestWithURL:url]];

d 加载本地html文件，文件里面可以写一下aler()和a标签

    NSString *path = [[NSBundle mainBundle]pathForResource:@"video的副本" ofType:@"html"];

    NSURL *url = [NSURL fileURLWithPath:path];

    [webView loadRequest:[NSURLRequest requestWithURL:url]];

如下图：

5 加载html5的代码，以前是在做项目的时候，用来占位用的，在此总结进去，没有什么太大的意义

NSString *title=@"韩寒《后会无期》奇葩的吸金3秘籍";

    NSString *linkStr=[NSString stringWithFormat:@"<a href='%@'>我的博客</a> <a href='%@'>原文</a>",@"http://blog.csdn.net/wildcatlele",@"http://jincuodao.baijia.baidu.com/article/26059"];

    NSString *p1=@"韩寒《后会无期》的吸金能力很让我惊讶！8月12日影片票房已成功冲破6亿大关。而且排片量仍保持10 以上，以日收千万的速度稳步向七亿进军。";

    NSString *p2=@"要知道，《后会无期》不是主流类型片，是一个文艺片。不像《小时代》，是一个商业主流的偶像电影。";

    NSString *image2=[NSString stringWithFormat:@"<img src='%@'  height='280' width='300' />",@"http://f.hiphotos.baidu.com/news/w%3D638/sign=78315beeb1fb43161a1f797918a44642/2934349b033b5bb58cb61bdb35d3d539b600bcb5.jpg"];

    NSString *p3=@"太奇葩了！有人说，这是中国电影市场的红利，是粉丝电影的成功。但是，有一部投资3000万的粉丝电影《我就是我》，有明星，制作也不错，基本上是惨败。";

    NSString *p4=@"《后会无期》卖的不是好故事，是优越感。特别是针对80、90后的人群，你有没有发现，看《后会无期》比看《小时代3》有明显的优越感。故事虽然一般，但是很多人看完后，会在微博、微信上晒照片。所以说，对一个族群靠的不是广度，而是深度。<br>\

    \

    很凶残，值得大家借鉴。韩寒《后会无期》还有什么秘密武器，欢迎《后会无期》团队或相关方爆料，直接留言即可，有料的可以送黎万强亲笔签名的《参与感》一书。";

    //初始化和html字符串

    NSString *htmlURlStr=[NSString stringWithFormat:@"<body style='background-color:#EBEBF3'><h2>%@</h2><p>%@</p> <p>%@ </p> <br><p> %@</p> <p>%@</p>%@<p>%@</p></body>",title,linkStr,p1,p2,p3,image2,p4];

    [webView loadHTMLString:htmlURlStr baseURL:nil];

效果如下：

注：记得在plist文件里面添加https功能：

<key>NSAppTransportSecurity</key>

    <dict>

          <key>NSAllowsArbitraryLoads</key>

          <true/>

    </dict>

6 shouldStartLoadWithRequest代理方法的实现，也就是和js端的交互，代码如下：

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

{

    NSURL *url = [request URL];

    NSString *urlStr = [NSString stringWithFormat:@"%@",url];

    NSLog(@"url => %@",urlStr);

    return YES;

}

会在控制台打印出，链接的内容：

这样就可以进行相应的操作了，还有一种混合式开发，可以和后台互传参数的方法，下次可以更新上去（不过混合是开发问题比较多，只做过2个项目，以后就没怎么开发过了）；

备注：html文件里面的内容，自己写的，比较乱，仅做参考吧

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>hgl的网页</title>

        <style>

            body {

                background-color: antiquewhite;

            }

            h1 {

                background-color: #ff9733;

            }

            p {

                background-color: red;

            }

            #div1 {

                width: 198px;

                height: 66px;

                padding: 10px;

                border: 1px solid #aaaaaa;

            }

            #div2{

                background-color: red;

                width: 80px;

                height: 50px;

                transform: rotate(30deg);

                -moz-transform: rotate(30deg);

                border: solid;

                border-radius: 10px;

                border-color: yellow;

                padding: 10px,5px,5px,5px;

                box-shadow: 10px 10px 5px #B8860B;

            }

            *{

                margin: 0;

                padding: 0;

            }

            #div3{

            }

        </style>

    </head>

    <body>

        <div style="text-align: center">

            <button onclick="playPause()">播放/暂停</button>

            <button onclick="makeBig()">变大</button>

            <button onclick="makeNormal()">正常</button>

            <button onclick="makeSmall()">变小</button>

        </div>

        <video id="video1" width="300" height="200">

            <source src="Video/张韶涵 - 终于.mp4" type="video/mp4">

        </video>

        <article>

            <h1>我是h1标题</h1>

            <p>我是段落我是段落我是段落我是段落我是段落我是段落</p>

        </article>

        <script type="text/javascript">

            var myVideo = document.getElementById("video1")

            function playPause() {

                if(myVideo.pause) {

                    myVideo.play();

                    alert("s");

                } else {

                    myVideo.pause();

                    alert("l");

                }

            }

            function makeBig() {

                myVideo.width = 560;

            }

            function makeNormal() {

                myVideo.width = 300;

            }

            function makeSmall() {

                myVideo.width = 250;

            }

        </script>

        <script>

            function goBack() {

                window.history.back();

            }

        </script>

        <input type="button" value="Back" onclick="goBack()" />

        <img draggable="true" />

        <script type="text/javascript">

            function allowDrop(ev) {

                ev.preventDefault();

            }

            function drag(ev) {

                ev.dataTransfer.setData("Text", ev.target.id);

            }

            function drop(ev) {

                ev.preventDefault();

                var data = ev.dataTransfer.getData("Text");

                ev.target.appendChild(document.getElementById(data));

            }

            //返回上一个界面

            function goBack()

            {

                window.history.back();

            }

            //前往下一个页面

            function goForword()

            {

                window.history.forward();

            }

            function hello(){

                alert("hello");

            }

        </script>

        <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

        <img id="drag1" src="img/sg的副本 2.gif" draggable="true" ondragstart="drag(event)" width="220" height="69" />

        <div id="div2">天气晴朗</div>

        <div id="div3">阳光明媚</div>

        <div id="div4">处处好风光</div>

        <div><a href="http://www.baidu.com">点击跳转</a></div>

        <button type="button" onclick="goBack()">返回</button>

        <button type="button" onclick="goForword()">前往</button>

        <button type="button" onclick="hello()">点击</button>

    </body>

</html>

以上就是webview相关总结，如果有错误的地方，或者更好的思路，希望多多交流！

ios开发之--UIWebView全属性的更多相关文章

iOS开发UI篇—transframe属性（形变）
iOS开发UI篇—transframe属性(形变) 1. transform属性在OC中,通过transform属性可以修改对象的平移.缩放比例和旋转角度常用的创建transform结构体方法分两 ...
李洪强iOS开发Swift篇—09_属性
李洪强iOS开发Swift篇—09_属性一.类的定义 Swift与Objective-C定义类的区别 Objective-C:一般需要2个文件,1个.h声明文件和1个.m实现文件 Swift:只需要 ...
iOS开发基础篇-transform属性
一. transform 属性在OC中,通过 transform 属性可以修改对象的平移.缩放比例和旋转角度. 1)创建“基于控件初始位置”的形变 CGAffineTransformMakeRot ...
iOS开发UI篇—transframe属性（形变)
iOS开发UI篇—transframe属性(形变) 1. transform属性在OC中,通过transform属性可以修改对象的平移.缩放比例和旋转角度常用的创建transform结构体方法分两 ...
【iOS开发】UIWebView与JavaScript(JS) 回调交互
------------------------------------------------- 很多关于objc 与 js 交互的文章都比较适用于 mac开发,iOS的webview 还是有所不一 ...
李洪强iOS开发之最全App上架流程
在上架App之前想要真机测试的同学请查看 iOS- 最全的真机测试教程里面包含怎么让多台电脑同时上架App和同时真机调试.P12文件的使用详解准备开发者账号完工的项目上架步骤一.创建 ...
iOS开发——View的透明属性hidden、alpha、opaque
Hidden.Alpha.Opaque的区别在iOS中,每个View都有Hidden.Alpha.Opaque三个关于透明的属性,官方文档介绍如下: 1. @property(nonatomic) ...
[转]iOS开发中@property的属性weak nonatomic strong readonly等介绍
转载地址: http://www.lvtao.net/ios/504.html @property与@synthesize是成对出现的,可以自动生成某个类成员变量的存取方法.在Xcode4.5以及以后 ...
IOS开发UI基础文本属性Attributes
文本属性Attributes 1.NSKernAttributeName: @10 调整字句 kerning 字句调整 2.NSFontAttributeName : [UIFont systemFo ...

随机推荐

easyui框架Date日期类型以json形式显示到前台datagrid时，显示为[object Object]
如下图,easyui当后台把时间数据返回转换成json然后加载在easyui的datagrid里面,显示为[object Object] 需要对时间格式添加格式的显示方法 /** * 时间格 ...
cxf 生成客户端代码调用服务
cxf是另一种发布webservice的方式,与jdk提供的相比 jdk提供的是wsimport cxf 提供的是 wsdl2java- d 地址根据http://www.cnblogs.com/f ...
Linux-软件包管理-yum在线安装rz、sz工具
yum search lrzsz yum方式查询 rpm -q lrzsz rpm方式查询 yum -y install lrzsz 安装 rpm -q lrzsz rpm方式查询 sz下载 rz上传
构造函数、析构函数、赋值与初始化、explicit关键字
一.构造函数.默认构造函数 (1).构造函数构造函数是特殊的成员函数创建类类型的新对象,系统自动会调用构造函数构造函数是为了保证对象的每个数据成员都被正确初始化函数名和类名完全相同不能定义构 ...
[cocos2dx笔记010]用于UI的事件管理器
cocos2dx有一个编辑器:cocostudio.眼下来说,已经是比較好用了.仅仅要载入导出的资源.就能够用上了.省去手动搭建面的麻烦. 可是.非常多须要事件的地方,操作比較麻烦,所以这里提供一个事 ...
python pandas groupby
转自 : https://blog.csdn.net/Leonis_v/article/details/51832916 pandas提供了一个灵活高效的groupby功能,它使你能以一种自然的方式对 ...
自己的一个验证电话和ecshop验证电话
//验证电话 function checkPhone($phone) { $preg_mobile = preg_match("/^1\d{10}$/", $phone ); $p ...
json-lib 的maven dependency 异常解决方案
项目中要用到json-lib,mvnrepository.com查找它的dependency时结果如下: xml 代码 <dependency> <groupId>net. ...
char类型到底是有符号还是无符号
根据c标准,char类型到底是有符号整数类型还是无符号整数类型,这取决于c实现,也就是c编译器的作者的想法:( 那么,如何快速的编写一个检测程序,查看当前编译器如何对char进行定义? #includ ...
Qcon2017实录|Service Mesh：下一代微服务
https://zhuanlan.zhihu.com/p/30292372 数人云11月Meetup报名开启,看中西方大神如何论道云原生与微服务!本文作者敖小剑老师将在本次Meetup上继续分享Ser ...

ios开发之--UIWebView全属性

ios开发之--UIWebView全属性的更多相关文章

随机推荐

热门专题