mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-30 13:59:35 +07:00
1229875d30
* Add offscreen dom parsing sample * Don't use offscreen.hasDocument Use clients.matchAll instead. Also fixes a bug in the clipboard example causing the document not to be closed if the passed argument is not a string. * Fix readme and remove accidentally committed popup files.
58 lines
1.9 KiB
JavaScript
58 lines
1.9 KiB
JavaScript
// Copyright 2023 Google LLC
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// https://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
// Registering this listener when the script is first executed ensures that the
|
|
// offscreen document will be able to receive messages when the promise returned
|
|
// by `offscreen.createDocument()` resolves.
|
|
chrome.runtime.onMessage.addListener(handleMessages);
|
|
|
|
// This function performs basic filtering and error checking on messages before
|
|
// dispatching the message to a more specific message handler.
|
|
async function handleMessages(message) {
|
|
// Return early if this message isn't meant for the offscreen document.
|
|
if (message.target !== 'offscreen') {
|
|
return false;
|
|
}
|
|
|
|
// Dispatch the message to an appropriate handler.
|
|
switch (message.type) {
|
|
case 'add-exclamationmarks-to-headings':
|
|
addExclamationMarksToHeadings(message.data);
|
|
break;
|
|
default:
|
|
console.warn(`Unexpected message type received: '${message.type}'.`);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function addExclamationMarksToHeadings(htmlString) {
|
|
const parser = new DOMParser();
|
|
const document = parser.parseFromString(htmlString, 'text/html');
|
|
document
|
|
.querySelectorAll('h1')
|
|
.forEach((heading) => (heading.textContent = heading.textContent + '!!!'));
|
|
sendToBackground(
|
|
'add-exclamationmarks-result',
|
|
document.documentElement.outerHTML
|
|
);
|
|
}
|
|
|
|
function sendToBackground(type, data) {
|
|
chrome.runtime.sendMessage({
|
|
type,
|
|
target: 'background',
|
|
data
|
|
});
|
|
}
|