Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The zoom() method of the HTMLIFrameElement interface changes the zoom factor of the browser <iframe>'s content. This is particularly useful for zooming in/out on non-touch-enabled devices.
Syntax
var instanceOfDOMRequest = instanceOfHTMLIframeElement.zoom(zoomFactor);
Returns
Void.
Parameters
zoomFactor- A unitless number value representing the amount to zoom in or out. It acts like a percentage, so for example 1.1 would zoom in by 10%, whereas 0.9 would zoom out by 10%.
Examples
var browser = document.querySelector('iframe');
var zoomFactor = 1;
zoomIn.addEventListener('touchend',function() {
zoomFactor += 0.1;
browser.zoom(zoomFactor);
});
zoomOut.addEventListener('touchend',function() {
zoomFactor -= 0.1;
browser.zoom(zoomFactor);
});
Specification
Not part of any specification.
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | 47 (47)[1] | No support | No support | No support |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support | No support | No support |
[1] Supported in chrome code only.
See also
Document Tags and Contributors
Tags:
Contributors to this page:
chrisdavidmills
Last updated by:
chrisdavidmills,