WebViewでWebページを表示する機能の実装まとめ(Xcode/Storyboard)

WKWebViewを使ってWebページの表示の基本的な実装の仕方を記事にしました。

#環境
・Mac Book Pro(macOS:BigSur)
・Xcode(ver:12.5)

#実装例

#コード例

ViewController.swift

import UIKit
import WebKit

class ViewController: UIViewController,WKNavigationDelegate {
    @IBOutlet weak var webView: WKWebView!
    @IBOutlet weak var indicator: UIActivityIndicatorView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView.navigationDelegate = self
        
        let request = URLRequest(url:URL(string: "https://www.google.co.jp/")!)
        
        webView.load(request)
    }

    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        indicator.startAnimating()
    }
    
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
      
        indicator.stopAnimating()
        indicator.isHidden = true
    
    }
 
}

Webページが表示される前に、indicatorのアニメーションをつけることで表示待ちを表現できます。