rmsExt3

Got it! This site "samuelsnyder.org" uses cookies. You consent to this by clicking on "Got it!" or by continuing to use this website. Note: This appears on each machine/browser from which this site is accessed.

This is a Chrome extension called rmsExt3.

The project is in "D:\D\rmsExt3.CEX".
The manifest file is "D:\D\rmsExt3.CEX\manifest.json".

Here is the CSS in popup.cs.

(omitted)

Here is the JavaScript for the addin.

var sayCount1 = 0;
document.addEventListener(
	"DOMContentLoaded",
	function() {
		var sayHelloButton1 = document.getElementById("sayHello");
		sayHelloButton1.addEventListener(
			"click",
			function() {
				sayCount1++;
				var text1 = "#"+sayCount1+". Hello, console!";
				var bgPage1 = chrome.extension.getBackgroundPage();
				bgPage1.sayText1(text1+" (direct call)");
				chrome.runtime.sendMessage(
					{
						"message": "say_console",
						"text": text1 + " (message)"
						}
					);
				},
			false
			);
		},
	false
	);

Here is the JavaScript for the content actions for the addin.

// content.js
var clickCount1 = 0;
chrome.runtime.onMessage.addListener(
	function(request, sender, sendResponse) {
		if( request.message === "clicked_browser_action" ) {
			alert("AAAAA");
			console.log("aaaaa");
			var text1 = "Hello, world.";
			chrome.runtime.sendMessage(
				{
					"message": "say_console",
					"text": text1
					}
				);
			}
		}
	);

If a background page is defined, then the extensions page can be used to open the debug window and inspect the background console, etc.

Here is the JavaScript for the background actions for the addin.

// background.js
var sayCount1 = 0;
console.log("#"+sayCount1+". (background.js started)");
function sayText1(text1) {
	console.log(text1);
	}
chrome.browserAction.onClicked.addListener(
	function(tab) {
		chrome.tabs.query(
			{active: true, currentWindow: true},
			function(tabs) {
				var activeTab = tabs[0];
				chrome.tabs.sendMessage(
					activeTab.id,
					{"message": "clicked_browser_action"}
					);
				}
			);
		}
	);
chrome.runtime.onMessage.addListener(
	function(request, sender, sendResponse) {
		if( request.message === "open_new_tab" ) {
			}
		else if (request.message === "say_console") {
			console.log(request.text);
			}
		}
	);

Here is the HTML for the addin.

<!doctype html>
<html>
<head>
	<title>rmsExt3</title>
	<link rel="stylesheet" type="text/css" href="popup.css">
	<script src="popup.js"></script>
</head>
<body>
	<div class="rmsH1">rmsExt3</div>
	<button class="rmsButton" id="sayHello">Say hello to the console</button>
</body>
</html>

Here is the contents of the manifest.json file.

{
	"manifest_version" : 3,
	"name" : "rmsExt3",
	"short_name" : "rmsExt3",
	"description" : "rms Chrome extension 3",
	"version" : "1.0",
	"action" : {
		"default_icon" : "rmsExt3.png",
		"default_popup" : "popup.html"
		},
	"host_permissions" : [
		"<all_urls>"
		],
	"permissions" : [
		"activeTab",
		"storage",
		"declarativeNetRequest",
		"declarativeContent"
		],
	"background" : {
		"service_worker" : "background.js"
		},
	"icons" : {
		"128" : "rmsExt3.png"
		}
	}

The icon is a (minimum) 19x19 PNG (Portable Network Graphics) image file. Here is the Chrome extension icon rmsExt3.png. Extension icon 3

To install the extension in Chrome, do the following.

Go to the following URL (Uniform Resource Locator) in Chrome: chrome://extensions.
Turn on "Developer mode".
Click on "Load unpacked".
Find the path "D:\D\rmsExt3.CEX" and select "OK".
If there are errors loading the extension, find and fix them.

... more to be added ...

To "pin" the extension to the extensions toolbar, do the following.

Click the extensions icon in the extensions toolbar (looks like a puzzle piece). This displays a list of extensions.
Find the desired extension.
Click on the "pin" icon.

One way to assign a shortcut key to an extension is the following.

Go to the following URL in Chrome: chrome://extensions.
In the upper-left select the three horizontal bars to the left of "Extensions".
Select the "pen" icon to the right of the desired extension.
Type the desired keyboard shortcut in the "Activate the extension" text box.