swift) webview-1

🌐

WebView 사용하기

 

WKWebView (공식문서 링크)

인앱 브라우저와 같이 인터렉티브 웹 컨텐츠를 표시하는 객체

---

선언

// iOS, iPadOS, 맥 카탈리스트
class WKWebView: UIView

 

개요

WKWebkView는 웹 컨텐츠를 앱에 내장시킬 수 있는 플랫폼 기반 View 이다. WebView는 완전한 웹 브라우징 경험을 지원하고 HTML, CSS 및 JavaScript 콘텐츠를 표시해준다. WKWebView 클래스를 사용하기 위해서는 WKWebView 객체를 생성하고 뷰로써 설정한 다음 웹 컨텐츠를 불러오기 위해 요청을 보내야 한다.

💡

중요 iOS 8.0, macOS 10.10 이상에서는 WKWebView를 사용해야 한다.

 

웹 뷰 초기화

• var configuration: WKWebViewConfiguration웹 뷰를 초기화하기 위한 설정의 복사본

• init(frame: CGRect, configuration: WKWebViewConfiguration) 지정된 프레임과 설정으로 초기화된 웹 뷰를 반환합니다.

뷰 정보 검사

• var scrollView: UIScrollView 웹 뷰에 연결된 스크롤 뷰

• var title: String? 페이지 제목

• var url: URL?활성 URL

• var customUserAgent: String?커스텀 User agent 문자열

• var serverTrust: SecTrust? 현재 커밋된 탐색에 대한 SecTrustRef 객체

Delegate 설정

• var navigationDelegate: WKNavigationDelegate?웹 뷰의 네비게이션 delegate

• var uiDelegate: WKUIDelegate? 웹 뷰의 유저 인터페이스 delegate

컨텐츠 로딩

• var estimatedProgress: Double현재 네비게이션의 로드량을 추정합니다.

• var hasOnlySecureContent: Bool 페이지의 모든 리소스가 안전하게 암호화된 연결을 통해서 로드된 것인지를 나타냅니다.

• func loadHTMLString(String, baseURL: URL?) -> WKNavigation? 웹페이지 내용과 base URL을 설정합니다.

• var isLoading: Bool 뷰가 현재 컨텐츠를 로딩 중인지를 나타냅니다.

• func reload() -> WKNavigation? 현재 페이지를 새로고침합니다.

• func reload(Any?) 현재 페이지를 새로고침합니다.

• func reloadFromOrigin() -> WKNavigation? (가능하다면) 캐시 유효성 검사 조건을 사용하여 종단간 재검증을 수행하고 현재 페이지를 새로 고침합니다.

• func reloadFromOrigin(Any?)(가능하다면) 캐시 유효성 검사 조건을 사용하여 종단간 재검증을 수행하고 현재 페이지를 새로 고침합니다.

• func stopLoading()현재 페이지의 모든 리소스 로딩을 중단합니다.

• func stopLoading(Any?) 현재 페이지의 모든 리소스 로딩을 중단합니다.

• func load(Data, mimeType: String, characterEncodingName: String, baseURL: URL) -> WKNavigation? 웹페이지 컨텐츠와 base URL을 설정합니다.

• func loadFileURL(URL, allowingReadAccessTo: URL) -> WKNavigation? 파일 시스템 상의 요청된 파일 URL로 이동합니다.

컨텐츠 스케일링

• var allowsMagnification: Bool확대 제스처를 통한 웹 뷰 확대 여부를 나타냅니다.

• var magnification: CGFloatThe factor by which the page content is currently scaled.

• func setMagnification(CGFloat, centeredAt: CGPoint)지정된 값에 따라서 페이지 컨텐츠를 확대하고 중심점을 맞춥니다.

Navigating

• var allowsBackForwardNavigationGestures: Bool수평 스와이프를 통한 전후 페이지 이동가능 여부를 나타냅니다.

• var backForwardList: WKBackForwardList 웹 뷰의 전후 리스트

• var canGoBack: Bool back-forward 리스트 상에 이전 항목이 존재하는 경우 해당 항목으로 이동이 가능한지에 대한 여부를 나타냅니다.

• var canGoForward: Bool back-forward 리스트 상에 다음 항목이 존재하는 경우 해당 항목으로 이동이 가능한지에 대한 여부를 나타냅니다.

• var allowsLinkPreview: Bool 링크를 눌렀을때 미리보기의 표시 여부를 나타냅니다.

• func goBack() -> WKNavigation? back-forward 리스트상의 이전 항목으로 이동합니다.

• func goBack(Any?) back-forward 리스트상의 이전 항목으로 이동합니다.

• func goForward() -> WKNavigation? back-forward 리스트상의 다음 항목으로 이동합니다.

• func goForward(Any?) back-forward 리스트상의 다음 항목으로 이동합니다.

• func go(to: WKBackForwardListItem) -> WKNavigation? back-forward 리스트 상의 항목으로 이동하고 현재 항목으로 설정합니다.

• func load(URLRequest) -> WKNavigation? 요청 URL로 이동합니다.

자바스크립트 실행

• func evaluateJavaScript(String, completionHandler: ((Any?, Error?) -> Void)?) 자바스크립트 문자열을 평가합니다.

스크린샷 캡처

• func takeSnapshot(with: WKSnapshotConfiguration?, completionHandler: (UIImage?, Error?) -> Void) 뷰에서 보여지고 있는 뷰포트의 스크린샷을 찍습니다.

 

실습

---

🧑‍💻Swift에서 JavaScript Button 클릭 이벤트 핸들링 샘플

🧑‍💻Swift에서 JavaScript 클릭 이벤트 발생시키기

🧑‍💻Swift으로 웹의 Javascript 이벤트 실행

 

🧭WebView Controll

🍪WebView Cookie