iOS-UIWebview比例缩放

你在使用UIWebview显示网页时。可能会注意到。UIWebView所支持的缩放倍率是很是有限的。而在Safari本身所支持的缩放系数比UIWebview要大得多。

本文解释了怎样加大UIWebView的缩放系数。
UIWebView类没有改动缩放系数的方法，咱们仅仅能用HTML代码来作。

Meta标签可以设置viewport。而viewport就包括了初始化缩放系数的參数。

META标签例如如下所看到的：

可以使用的參数有：
minimum-scale:
赞成缩放的最小倍数。默以为0.25，赞成值为0－10。
maximum-scale:
执行缩放的最大倍数。默认1.6，赞成值为0－10。
initial-scale:
当web页被载入，还未被用户缩放以前默认的缩放系数。默认值是本身主动依据页面大小和可用区域计算出来的，但这个值终于会在最小倍数到最大倍数之间。
user-scalable
是否执行用户缩放该web页。

width:
viewpoint的宽。默以为980像素（iPhone）。赞成值为200－10000 。

”device-width”表示设备宽度（iPhone为320，iPad为768）。

注意device width不等于用户界面的宽度。设备宽度老是设备处于人像模式下的宽度（屏幕方向为正向）。假设咱们想添加web页的最大缩放系数（默认1.6），咱们仅仅需要在HTML代码中添加META标签。指定maximum-scale属性就能够。你可以直接在HTML源码中添加META标签。假设web页来自internet并且没法改动HTML源码，你可以用Javascript代码建立META标签并附加到web页的HTML代码中。读完剩下的内容。你就知道怎么作了。

height:
viewport的高。通常是依据width计算的。
JavaScript代码例如如下：
IncreaseZoomFactor.js:
function increaseMaxZoomFactor() {
var element = document.createElement(‘meta’);
element.name = “viewport”;
element.content = “maximum-scale=10”;
var head = document.getElementsByTagName(‘head’)[0];
head.appendChild(element);
}
在webViewDidFinishLoad:托付方法中，你可以把这段JS代码加到web页中：
-(void)webViewDidFinishLoad:(UIWebView *)webView {
NSString *path = [[NSBundle mainBundle]pathForResource:@”IncreaseZoomFactor” ofType:@”js”];
NSString *jsCode = [NSStringstringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[webViewstringByEvaluatingJavaScriptFromString:jsCode];
[webView stringByEvaluatingJavaScriptFromString:@”increaseMaxZoomFactor()”];
}

当从web载入web页时。你需要当心，因为不少web页已经使用META标签去改变了缩放系数或其它的viewport參数。假设你添加了新的META标签，你会覆盖这些缩放系数以及其它未參数。也就是说，假设在多个META标签中定义同一參数。那么最后一个定义生效。

大部分时候这不会产生什么问题，但某些时候例外。
好比，假设web页定义了初始缩放系数4，因为web页未定义maximum-scale參数，那么默认值1.6将限制初始缩放系数仅仅能是1.6。现在，你加大了maximum-scale,initialzoom也会加大。因为原来的maximum-scale參数不能再限制它了。这会带来一个严重的后果，你需要检查其它參数并依据它们的值进行又一次定义（好比，你需要将initial-scale定义为1.6以防止maximum-scale将页面缩放得过多）。