DAY 25 『 WKWebView - 显示网页内容 』

今天要分享的是,如何用 WebKit View 连结网页

成品:


在画面上拉一个 WebKit View

拉完後长这样

在 override func viewDidLoad() 里加入
webView.load(URLRequest(url: URL(string: "网页的 https://xxx ")!))

执行後结果长这样

虽然显示出网页结果,但要回到上一页或下一页都非常不方便
因此在画面里新增两个 UIButton ,让使用者更方便地回到上下页

WKWebView 提供了两个 function :

  1. goBack() 回到上一页
  2. goForward() 到下一页

在程序码中加入这两个 function

执行後结果如下图


附上完整程序码

import UIKit
import WebKit

class MainVC: UIViewController {
    
    @IBOutlet var webView: WKWebView!
    
        override func viewDidLoad() {
            super.viewDidLoad()
            webView.load(URLRequest(url: URL(string: "https://ithelp.ithome.com.tw/users/20140364")!))
        }
    // 上一页
    @IBAction func backAction(_ sender: UIButton) {
        if webView?.goBack() == nil {
            print("No more page to back")
        }

    }
    // 下一页
    @IBAction func forwardAction(_ sender: UIButton) {
        if webView?.goForward() == nil {
            print("No more page to forward")
        }
    }

}

这样就完成显示网页啦!明天会分享新的实作,敬请期待!


<<:  作业系统的修课经验

>>:  [Day23]程序菜鸟自学C++资料结构演算法 – 插入排序法(Insertion Sort)

量化交易30天 Day30 - 量化交易 v.s. 主观交易

量化交易30天 本系列文章是纪录一位量化交易新手的学习过程,除了基础的Python语法不说明,其他...

JavaScript 运算子

运算子是函数 运算子事实上就是一种函数,有赋值运算子,比较运算子,算术运算子,位元运算子, 逻辑运算...

[Day 21] 资料标注 (2/2) — 各种标注方法

子曰:『工欲善其事,必先利其器。 前言 昨天提到依照 Ground truth 改变的速度会让不同...

Day3 Redis服务器环境设定

作业系统配置 因为Redis Server是在记忆体进行所有的操作,故需要优先在作业系统中配置记忆体...

Day 01: 【序】– 架构与设计、代码、工程师

「你因为两个原因来读这本书:首先,你是位程序设计师。再者,你想成为一位更好的程序设计师」 取自: ...