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 open-my-page example

Browse Source
This commit is contained in:
Will Bamberg
2015-09-17 10:30:35 -07:00
parent 9ccecbf206
commit 753b8df80c
6 changed files with 61 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
open-my-page-button/README.md Normal file
View File

@@ -0,0 +1,14 @@
# open-my-page
This extension includes:
* a background script, "background.js"
* a browser action
* a page "my-page.html"
All it does is: when the user clicks the button, open "my-page.html" in a new tab.
It shows:
* how to listen for browser action clicks in a background script
* how to open a page packaged with your extension

9
open-my-page-button/background.js Normal file
View File

@@ -0,0 +1,9 @@
chrome.browserAction.onClicked.addListener(openMyPage);
function openMyPage() {
console.log("injecting");
chrome.tabs.create({
"url": chrome.extension.getURL("my-page.html")
});
}

1
open-my-page-button/button/LICENSE Normal file
View File

@@ -0,0 +1 @@
The icon "beasts.png" is taken from the IconBeast Lite iconset, and used under the terms of its license (http://www.iconbeast.com/faq/), with a link back to the website: http://www.iconbeast.com/free/.

BIN
open-my-page-button/button/beasts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 550 B

25
open-my-page-button/manifest.json Normal file
View File

@@ -0,0 +1,25 @@
{
"manifest_version": 2,
"name": "open-my-page",
"version": "1.0",
"applications": {
"gecko": {
"id": "open-my-page-button@mozilla.org"
}
},
"permissions": [
"tabs"
],
"background": {
"scripts": ["background.js"]
},
"browser_action": {
"default_icon": "button/beasts.png"
}
}

12
open-my-page-button/my-page.html Normal file
View File

@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>It's my page!</h1>
</body>
</html>