iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
Mobile Development

ios 的小小實驗室 !系列 第 25

DAY 25 『 WKWebView - 顯示網頁內容 』

  • 分享至 

  • xImage
  •  

今天要分享的是,如何用 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")
        }
    }

}

這樣就完成顯示網頁啦!明天會分享新的實作,敬請期待!


上一篇
DAY 24 『 客製化文字輸入框 Custom TextField 』
下一篇
DAY 26 『 AVPlayerViewController - 播放影片 』
系列文
ios 的小小實驗室 !30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言