').append(span);
120 | if (bookmarkNode.children && bookmarkNode.children.length > 0) {
121 | li.append(dumpTreeNodes(bookmarkNode.children, query));
122 | }
123 | return li;
124 | }
125 |
126 | document.addEventListener('DOMContentLoaded', function () {
127 | dumpBookmarks();
128 | });
129 |
--------------------------------------------------------------------------------
/examples/my_devices/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/my_devices/icon.png
--------------------------------------------------------------------------------
/examples/my_devices/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "My Devices",
3 | "version": "1.1",
4 | "description": "A browser action with a popup dump of all devices signed into the same account as the current profile.",
5 | "permissions": [
6 | "signedInDevices"
7 | ],
8 | "browser_action": {
9 | "default_title": "My Devices",
10 | "default_icon": "icon.png",
11 | "default_popup": "popup.html"
12 | },
13 | "manifest_version": 2,
14 | "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
15 | }
16 |
--------------------------------------------------------------------------------
/examples/my_devices/popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/examples/my_devices/popup.js:
--------------------------------------------------------------------------------
1 | // Copyright 2013 The Chromium Authors. All rights reserved.
2 | // Use of this source code is governed by a BSD-style license that can be
3 | // found in the LICENSE file.
4 |
5 | function dumpDevices(devices) {
6 | $('#deviceinfos').empty();
7 | $('#deviceinfos').append(outputDevicesToList(devices));
8 | }
9 |
10 | function outputDevicesToList(devices) {
11 | console.log(devices);
12 | var table = $('
');
13 | table.append($("" +
14 | "| " + "Name" + " | " +
15 | "" + "OS" + " | " +
16 | "" + "Id" + " | " +
17 | "" + "Type" + " | " +
18 | "" + "Chrome Version" + " | " +
19 | "
"));
20 | for (i = 0; i < devices.length; i++) {
21 | table.append($("" +
22 | "| " + devices[i].name + " | " +
23 | "" + devices[i].os + " | " +
24 | "" + devices[i].id + " | " +
25 | "" + devices[i].type + " | " +
26 | "" + devices[i].chromeVersion + " | " +
27 | "
"));
28 | }
29 | return table;
30 | }
31 |
32 | // Add an event listener to listen for changes to device info. The
33 | // callback would redisplay the list of devices.
34 | chrome.signedInDevices.onDeviceInfoChange.addListener(dumpDevices);
35 |
36 | function populateDevices() {
37 | // Get the list of devices and display it.
38 | chrome.signedInDevices.get(false, dumpDevices);
39 | }
40 |
41 | document.addEventListener('DOMContentLoaded', function () {
42 | populateDevices();
43 | });
44 |
--------------------------------------------------------------------------------
/examples/notifications/128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/notifications/128.png
--------------------------------------------------------------------------------
/examples/notifications/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/notifications/16.png
--------------------------------------------------------------------------------
/examples/notifications/48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/notifications/48.png
--------------------------------------------------------------------------------
/examples/notifications/64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/notifications/64.png
--------------------------------------------------------------------------------
/examples/notifications/background.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2011 The Chromium Authors. All rights reserved.
2 | // Use of this source code is governed by a BSD-style license that can be
3 | // found in the LICENSE file.
4 |
5 | /*
6 | Displays a notification with the current time. Requires "notifications"
7 | permission in the manifest file (or calling
8 | "Notification.requestPermission" beforehand).
9 | */
10 | function show() {
11 | var time = /(..)(:..)/.exec(new Date()); // The prettyprinted time.
12 | var hour = time[1] % 12 || 12; // The prettyprinted hour.
13 | var period = time[1] < 12 ? 'a.m.' : 'p.m.'; // The period of the day.
14 | new Notification(hour + time[2] + ' ' + period, {
15 | icon: '48.png',
16 | body: 'Time to make the toast.'
17 | });
18 | }
19 |
20 | // Conditionally initialize the options.
21 | if (!localStorage.isInitialized) {
22 | localStorage.isActivated = true; // The display activation.
23 | localStorage.frequency = 1; // The display frequency, in minutes.
24 | localStorage.isInitialized = true; // The option initialization.
25 | }
26 |
27 | // Test for notification support.
28 | if (window.Notification) {
29 | // While activated, show notifications at the display frequency.
30 | if (JSON.parse(localStorage.isActivated)) { show(); }
31 |
32 | var interval = 0; // The display interval, in minutes.
33 |
34 | setInterval(function() {
35 | interval++;
36 |
37 | if (
38 | JSON.parse(localStorage.isActivated) &&
39 | localStorage.frequency <= interval
40 | ) {
41 | show();
42 | interval = 0;
43 | }
44 | }, 60000);
45 | }
46 |
--------------------------------------------------------------------------------
/examples/notifications/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Notification Demo",
3 | "version": "1.1",
4 | "description":
5 | "Shows off desktop notifications, which are \"toast\" windows that pop up on the desktop.",
6 | "icons": {"16": "16.png", "48": "48.png", "128": "128.png"},
7 | "permissions": [
8 | "notifications"
9 | ],
10 | "options_page": "options.html",
11 | "background": { "scripts": ["background.js"] },
12 | "manifest_version": 2,
13 |
14 | // crbug.com/134315
15 | "web_accessible_resources": [
16 | "48.png"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/examples/notifications/options.html:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
13 | Notification Demo
14 |
15 |
16 |
17 |
18 |
19 | 
20 | Notification Demo
21 |
22 | Options
23 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/examples/notifications/options.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2011 The Chromium Authors. All rights reserved.
2 | // Use of this source code is governed by a BSD-style license that can be
3 | // found in the LICENSE file.
4 |
5 | /*
6 | Grays out or [whatever the opposite of graying out is called] the option
7 | field.
8 | */
9 | function ghost(isDeactivated) {
10 | options.style.color = isDeactivated ? 'graytext' : 'black';
11 | // The label color.
12 | options.frequency.disabled = isDeactivated; // The control manipulability.
13 | }
14 |
15 | window.addEventListener('load', function() {
16 | // Initialize the option controls.
17 | options.isActivated.checked = JSON.parse(localStorage.isActivated);
18 | // The display activation.
19 | options.frequency.value = localStorage.frequency;
20 | // The display frequency, in minutes.
21 |
22 | if (!options.isActivated.checked) { ghost(true); }
23 |
24 | // Set the display activation and frequency.
25 | options.isActivated.onchange = function() {
26 | localStorage.isActivated = options.isActivated.checked;
27 | ghost(!options.isActivated.checked);
28 | };
29 |
30 | options.frequency.onchange = function() {
31 | localStorage.frequency = options.frequency.value;
32 | };
33 | });
34 |
--------------------------------------------------------------------------------
/examples/notifications/style.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) 2011 The Chromium Authors. All rights reserved.
3 | * Use of this source code is governed by a BSD-style license that can be
4 | * found in the LICENSE file.
5 | */
6 |
7 | /* Clone the look and feel of "chrome://" pages. */
8 | body {
9 | margin: 10px;
10 | font: 84% Arial, sans-serif
11 | }
12 |
13 | h1 { font-size: 156% }
14 |
15 | h1 img {
16 | margin: 1px 5px 0 1px;
17 | vertical-align: middle
18 | }
19 |
20 | h2 {
21 | border-top: 1px solid #9cc2ef;
22 | background-color: #ebeff9;
23 | padding: 3px 5px;
24 | font-size: 100%
25 | }
26 |
--------------------------------------------------------------------------------
/examples/set_icon_path/background.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2011 The Chromium Authors. All rights reserved.
2 | // Use of this source code is governed by a BSD-style license that can be
3 | // found in the LICENSE file.
4 |
5 | var min = 1;
6 | var max = 5;
7 | var current = min;
8 |
9 | function updateIcon() {
10 | chrome.browserAction.setIcon({path:"icon" + current + ".png"});
11 | current++;
12 |
13 | if (current > max)
14 | current = min;
15 | }
16 |
17 | chrome.browserAction.onClicked.addListener(updateIcon);
18 | updateIcon();
19 |
--------------------------------------------------------------------------------
/examples/set_icon_path/icon1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/set_icon_path/icon1.png
--------------------------------------------------------------------------------
/examples/set_icon_path/icon2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/set_icon_path/icon2.png
--------------------------------------------------------------------------------
/examples/set_icon_path/icon3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/set_icon_path/icon3.png
--------------------------------------------------------------------------------
/examples/set_icon_path/icon4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/set_icon_path/icon4.png
--------------------------------------------------------------------------------
/examples/set_icon_path/icon5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dwyl/learn-chrome-extensions/52e3f91a3b6b9021eea7921d32c216bd730ceaf0/examples/set_icon_path/icon5.png
--------------------------------------------------------------------------------
/examples/set_icon_path/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "A browser action which changes its icon when clicked",
3 | "description": "Change browser action color when its icon is clicked",
4 | "version": "1.2",
5 | "background": { "scripts": ["background.js"] },
6 | "browser_action": {
7 | "name": "Click to change the icon's color"
8 | },
9 | "manifest_version": 2
10 | }
11 |
--------------------------------------------------------------------------------