対象:
Swift3

UIWebViewでWebページを表示する(Swift)

SwiftでWebページを表示する場合、基本となるUIWebViewがある。UIWebViewを使うには、Interface BuilderでWeb Viewを貼り付けても良いが、コードだけで生成することもできる。

import UIKit

class ViewController: UIViewController {
    var webView = UIWebView()
    
    override func loadView() {
        view = webView
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        webView.scalesPageToFit = true
        let url = URL(string: "http://www.office-matsunaga.biz/ios/list.php")!
        let request = URLRequest(url: url)
        webView.loadRequest(request)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

また、UIWebViewでhttp通信の状況等を確認したいなら、まずViewControllerでUIWebViewDelegateを継承する。

class ViewController: UIViewController, UIWebViewDelegate {

次に、viewDidLoadメソッド内で自分自身をUIWebViewオブジェクトのdelegateプロパティにセットし、目的のデリゲートメソッドを書けば良い。例えば、ページのロードが完了したときに通知が必要ならwebViewDidFinishLoadデリゲートメソッドを書けば良い。

    override func viewDidLoad() {
        // 省略
        webView.delegate = self
        // 省略
    }

    // webViewDidFinishLoadデリゲートメソッド
    func webViewDidFinishLoad(_ webView: UIWebView) {
        print("webViewDidFinishLoad")
    }

これを実行したのが以下だ。


iOS 9より、ATS(App Transport Security)が導入さていたり、あるいは3D Touchによるプレビューができるようになっていたりするので、興味のある方はこちらもご参照いただきたい。

Web Viewでhttpのサイトが表示されない(Swift)
Web Viewで3D Touchによるプレビュー(Peek)を実装する(Swift)
(2015/10/08)
(2016/10/29 更新) Swift 3.0対応。

新着情報
【iOS Objective-C, Swift Tips】画像の向きを指定して保存する(Swift)
【iOS Objective-C, Swift Tips】UIImagePickerControllerの表示を日本語にする(Swift)
【iOS Objective-C, Swift Tips】ウィンドウの階層構造を3D表示する(Swift)

Copyright(C) 2004-2016 モバイル開発系(K) All rights reserved.
[Home]