WKWebView 加载并显示网页

当代的App开发,必然需要接触到网页,api,http协议。今天带给大家的就是苹果开发入门之WKWebView,加载并显示一个网页。基础总是很简单,大家也不要觉得无所谓,只有了解了基础,你才能玩出更多骚操作。

当然教程依然以Objective-C。为什么不讲Swift呢?因为咱瞧不上。Objective-C才是祖师爷。性能接近于C,同时具备有不输于其他任何语言的高级特性,用来写App,足够了,牛刀锋利,干活还是挺好使的。特别是经历过十数年的岁月锤炼,稳定,高效。

我们需要:

  1. 新增一个WebKit的依赖项
  2. 新增一个WKWebView到storyboard
  3. 新增代码,控制网页的加载。

昨天的教程,今天可以用得上,如何向storyboard加一个WKWebView 组件,操作跟昨天讲的一样,套路相同。

打开助手编辑器视图,从左边的Storyboard,拖放按钮创建一个动作绑定,当按钮被点击的时候,触发加载动作,加载网页

完整的代码视图如下

运行效果,以iPhone 模拟器为例:

看完了效果,咱们讲一讲具体的细节

 

首先看如何新增依赖项。

我们点击项目名,转到 Build Phase ,到Link binary with Libraries

点加号新增,搜索WebKit,加一个依赖项

然后我们看ViewController.h的代码

#import <UIKit/UIKit.h>
// WebKit.h是需要引入的
#import <WebKit/WebKit.h>

@interface ViewController : UIViewController
// 有一个名为kmv的属性,它是对应着Storyboard中的Webview 控件
@property (weak, nonatomic) IBOutlet WKWebView *kwv;

@end

 

继续看ViewController.m源代码

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}
//按钮 点击事件绑定,这个跟昨天课程一样的道理
- (IBAction)btnClick:(id)sender {
    //定义一个NSURL对象
    NSURL *httpUrl = [[NSURL alloc]initWithString:@"https://www.baidu.com"];
    //定义一个URLRequest对象,等下可以让webview加载这个request请求
    NSURLRequest *httpRequest = [[NSURLRequest alloc]initWithURL:httpUrl];
   //调用WebView的loadRequest方法,传参是URLRequest,webview会帮你加载网页,渲染到WebView容器里面
    [_kwv loadRequest:httpRequest];
    
    NSLog(@"btn clicked");
}


@end

 

到这里,是不是全部都已经学会了呢?如果有其他问题,欢迎反馈。

分类: 默认 标签: 发布于: 2021-12-02 16:25:56, 更新于: 2021-12-02 16:29:08