<--! 웹뷰 : 파일 로딩, 웹 페이지 로딩 -->

웹뷰 : 파일 로딩, 웹 페이지 로딩

필그램

·

2017. 8. 26. 00:15


웹뷰에서 파일 로딩 하는 소스 코드입니다.

스토리보드는 작업내용이 없습니다. 

iOS8 이후 부터 webView를 오른쪽 아래서 꺼내쓰지 않고 WKWebView를 씁니다. (직접 코드로)


(이전에 쓰던 web view)




(작업할 실행 화면 캡쳐) : 파일에서 불러 옵니다.




(파일은 간단히 만들어 디렉토리내에 위치 합니다.)


[page.html]  소스


<style type="text/css">

    h1 {

        font-family:"Trebuchet MS";

        font-size:500%;

    }

    p {

        font-size:250%;

    }

</style>

<h1>Example Title</h1>

<p>Example Paragraph</p>





[View Controller]  소스 ====================

import UIKit

import WebKit



class ViewController: UIViewController {

    var webView:WKWebView!

    


    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        webView = WKWebView(frame: CGRect(x: 0, y: 20, width: 300, height: 300))

        view.addSubview(webView)

        webView.loadHTMLString("<h1>Title</h1><Words>", baseURL: nil)

        let url:URL = Bundle.main.url(forResource: "page", withExtension: "html")!

        let req:URLRequest = URLRequest(url: url)

        webView.load(req)

    }


    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

}



[웹 페이지 로딩 : Web View] ===

Google 페이지를 로딩한다.



[Code]


import UIKit

import WebKit



class ViewController: UIViewController {

    var webView:WKWebView!

    


    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        webView = WKWebView(frame: CGRect(x: 0, y: 20, width: 300, height: 300))

        view.addSubview(webView)

        

      let url:URL = URL(string: "https://www.google.com")! //1 에서 수정부분

        let req:URLRequest = URLRequest(url: url)

        webView.load(req)

    }


    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

}




반응형