[iOS] UIWebView 웹페이지 너비 맞추기

UIWebView의 사이즈를 변경 후 google 로그인 페이지를 로딩하면 WebView 사이즈에 맞지 않는다.

• WebView 속성

self.webView.scalesPageToFit = YES;

• UIWebView의 delegate 메소드에 추가

- (void)webViewDidFinishLoad:(UIWebView *)webViwe

[방법 1]

NSString *javaScript = [NSString stringWithFormat:

                            @"var meta = document.createElement('meta'); "

                            "meta.setAttribute( 'name', 'viewport' ); "

                            "meta.setAttribute( 'content', 'width = %d' ); "

                            "document.getElementsByTagName('head')[0].appendChild(meta)",

                            (int)webView.frame.size.width];

[webView stringByEvaluatingJavaScriptFromString:javaScript];

[방법 2]

NSString *javaScript = [NSString stringWithFormat:@"document.querySelector('meta[name=viewport]').setAttribute('content', 'width=%d;', false);", (int)webView.frame.size.width];

[webView stringByEvaluatingJavaScriptFromString:javaScript];

[방법 3]

if (webView.frame.size.width < webView.scrollView.contentSize.width) {

        // width=device-width results in a wrong viewport dimension for webpages displayed in a popover

    NSString *javaScript = @"var viewport = document.querySelector('meta[name=viewport]');";

    javaScript = [javaScript stringByAppendingFormat:@"viewport.setAttribute('content', 'width=%d, initial-scale=1.0, user-scalable=1');", (int)webView.frame.size.width];

        

    [webView stringByEvaluatingJavaScriptFromString:javaScript];

}

[참고]

http://egeek.me/2012/11/01/ios-scaling-web-content-in-uiwebview

UIWebView 사이즈에 페이지 너비 맞추기