CODEWITHSUNDEEP
iphoneiosobjective-cuiwebviewzooming
William Jockusch
William Jockusch

Reputation: 27285

UIWebView set initial zoom scale programmatically when loading an external website?

What I want to do is set the initial zoom scale [and in some cases, content offset, but that is less important] for an external website. But after the app initially sets the zoom and offset, the user should be able to change them, and the app should not interfere.

Some related information is available here, here, and here. But as far as I can tell, none of does what I want.

The meta setting approach looks promising -- but how would I set it when I don't control the html content that will be loaded?

Upvotes: 7

Views: 30081

Answers (5)

Heo Đất Hades
Heo Đất Hades

Reputation: 1633

If you want to set initial zoom for your web view and then your web view can scaleable. You can try to add meta tag into the head tag of your HTML string at webViewDidFinishLoad protocol method. You can change 'initial-scale', 'minimum-scale'and 'maximum-scale' to adapt to your required. Looks like this:

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString* js =
    @"var meta = document.createElement('meta'); " \
    "meta.setAttribute( 'name', 'viewport' ); " \
    "meta.setAttribute( 'content', 'width = device-width, initial-scale = 1.0,minimum-scale=1.0,maximum-scale=10.0 user-scalable = yes' ); " \
    "document.getElementsByTagName('head')[0].appendChild(meta)";
    [webView stringByEvaluatingJavaScriptFromString: js];
}

Upvotes: 5

linta
linta

Reputation: 1

if you are loading html and javascriptin uiwebview then in viewport set user-scalable=1.0.

Upvotes: 0

Rajal
Rajal

Reputation: 634

best one found try adding meta tag in your html page,in your tag.It gets repaired in a eye blink. Try the apple link and select the suitable meta tag for you.

Upvotes: 0

sazz
sazz

Reputation: 3281

Why not:

   [self.webView.scrollView setZoomScale:2.0 animated:YES];

Upvotes: 2

Srikar Appalaraju
Srikar Appalaraju

Reputation: 73588

Try this for setting the initial zoom level - 

[webView stringByEvaluatingJavaScriptFromString:@"document. body.style.zoom = 5.0;"];

Also dont forget to set scalesPageToFit to NO and you're done.

If you set this to YES, the webpage is scaled to fit and the user can zoom in and zoom out. If NO, user zooming is disabled. The default value is NO.

Upvotes: 32

Related Questions