Fired when a tab is zoomed.
On this page
tabs.onZoomChange
Syntax
browser.tabs.onZoomChange.addListener(listener)
browser.tabs.onZoomChange.removeListener(listener)
browser.tabs.onZoomChange.hasListener(listener)
Events have three functions:
-
addListener(callback) -
Adds a listener to this event.
-
removeListener(listener) -
Stop listening to this event. The
listenerargument is the listener to remove. -
hasListener(listener) -
Check whether
listeneris registered for this event. Returnstrueif it is listening,falseotherwise.
addListener syntax
Parameters
-
callback -
Function that will be called when this event occurs. The function will be passed the following arguments:
-
ZoomChangeInfo -
object. Information about the zoom event. See the ZoomChangeInfo section for more details.
-
Additional objects
ZoomChangeInfo
-
tabId -
integer. ID of the tab that was zoomed. -
oldZoomFactor -
number. The previous zoom factor. -
newZoomFactor -
number. The new zoom factor. -
zoomSettings -
tabs.ZoomSettings. Zoom settings for the tab.
Examples
Listen for zoom events and log the info:
function handleZoomed(zoomChangeInfo) {
console.log(`Tab: ${zoomChangeInfo.tabId} zoomed`);
console.log(`Old zoom: ${zoomChangeInfo.oldZoomFactor}`);
console.log(`New zoom: ${zoomChangeInfo.newZoomFactor}`);
}
browser.tabs.onZoomChange.addListener(handleZoomed);
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
onZoomChange |
Yes | 79 | 45 | ? | Yes | No | ? | ? | No | ? | No | ? |
Note: This API is based on Chromium's chrome.tabs API. This documentation is derived from tabs.json in the Chromium code.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/onZoomChange