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

Add examples of differen window types (#217)

Browse Source
This commit is contained in:
wbamberg
2017-05-09 15:57:19 -07:00
committed by GitHub
parent dead97bc38
commit 191ea11311
2 changed files with 45 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
window-manipulator/window.html
View File

@@ -13,16 +13,21 @@
</div>
<a href="#" id="window-update-size_768">Resize window to 768x1024</a><br>
<a href="#" id="window-resize-all">Resize all windows to 1024x768</a><br>
<a href="#" id="window-update-minimize">Minimize</a><br>
<div class="panel-section-separator"></div>
<a href="#" id="window-create-incognito">Create new incognito window</a><br>
<a href="#" id="window-remove">Remove active window</a><br>
<a href="#" id="window-create-normal">Create normal window</a><br>
<a href="#" id="window-create-panel">Create panel</a><br>
<a href="#" id="window-create-detached-panel">Create detached panel</a><br>
<a href="#" id="window-create-popup">Create popup</a><br>
<div class="panel-section-separator"></div>
<a href="#" id="window-resize-all">Resize all windows to 1024x768</a><br>
<a href="#" id="window-remove">Remove active window</a><br>
</div>
<script src="window.js"></script>

38
window-manipulator/window.js
View File

@@ -25,6 +25,14 @@ document.addEventListener("click", (e) => {
});
}
else if (e.target.id === "window-create-normal") {
var createData = {};
var creating = browser.windows.create(createData);
creating.then(() => {
console.log("The normal window has been created");
});
}
else if (e.target.id === "window-create-incognito") {
var createData = {
incognito: true,
@@ -35,6 +43,36 @@ document.addEventListener("click", (e) => {
});
}
else if (e.target.id === "window-create-panel") {
var createData = {
type: "panel",
};
var creating = browser.windows.create(createData);
creating.then(() => {
console.log("The panel has been created");
});
}
else if (e.target.id === "window-create-detached-panel") {
var createData = {
type: "detached_panel",
};
var creating = browser.windows.create(createData);
creating.then(() => {
console.log("The detached panel has been created");
});
}
else if (e.target.id === "window-create-popup") {
var createData = {
type: "popup",
};
var creating = browser.windows.create(createData);
creating.then(() => {
console.log("The popup has been created");
});
}
else if (e.target.id === "window-remove") {
getCurrentWindow().then((currentWindow) => {
browser.windows.remove(currentWindow.id);