felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-16 06:18:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added zoom api example to tabs-tabs-tabs

Browse Source
This commit is contained in:
Flávio Rodrigues
2016-10-18 13:10:23 -02:00
parent 9c64e1b6ef
commit 97bb5b978c
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
tabs-tabs-tabs/tabs.html
View File

@@ -14,6 +14,9 @@
<a href="#" id="tabs-remove">Remove active tab</a><br>
<a href="#" id="tabs-create">Create a tab</a><br>
<a href="#" id="tabs-alertinfo">Alert active tab info</a><br>
<a href="#" id="tabs-add-zoom">Increase tab zoom</a><br>
<a href="#" id="tabs-decrease-zoom">decrease tab zoom</a><br>
<a href="#" id="tabs-default-zoom">default tab zoom</a><br>
<script src="tabs.js"></script>
</body>

44
tabs-tabs-tabs/tabs.js
View File

@@ -70,5 +70,49 @@ document.addEventListener("click", function(e) {
});
}
else if (e.target.id === "tabs-add-zoom") {
callOnActiveTab((tab) => {
chrome.tabs.getZoom(tab.id, function(zoomFactor){
var newZoomFactor = zoomFactor + 0.2;
newZoomFactor = newZoomFactor > 3 ? 3 : newZoomFactor
//the maximum zoomFactor is 3, it can't go higher
if (zoomFactor >= 3) {
alert("Tab zoom factor is already at max!");
} else {
chrome.tabs.setZoom(tab.id, newZoomFactor);
}
});
});
}
else if (e.target.id === "tabs-decrease-zoom") {
callOnActiveTab((tab) => {
chrome.tabs.getZoom(tab.id, function(zoomFactor){
var newZoomFactor = zoomFactor - 0.2;
newZoomFactor = newZoomFactor < 0.3 ? 0.3 : newZoomFactor
//the minimum zoomFactor is 0.3, it can't go lower
if (zoomFactor <= 0.3) {
alert("Tab zoom factor is already at minimum!");
} else {
chrome.tabs.setZoom(tab.id, newZoomFactor);
}
});
});
}
else if (e.target.id === "tabs-default-zoom") {
callOnActiveTab((tab) => {
chrome.tabs.getZoom(tab.id, function(zoomFactor){
if (zoomFactor == 1) {
alert("Tab zoom is already at the default zoom factor");
} else {
chrome.tabs.setZoom(tab.id, 1);
}
});
});
}
e.preventDefault();
});