browser_erweiterung
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
| browser_erweiterung [2021-12-11 10:01:31] – [Browser Erweiterungen (extension/addon)] david | browser_erweiterung [2023-05-13 15:16:57] (aktuell) – gelöscht david | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== Browser Erweiterung (extension/ | ||
| - | |||
| - | |||
| - | ===== nützliche Erweiterungen ===== | ||
| - | |||
| - | * AHA Music - Music Identifier -> [[https:// | ||
| - | * Bitwarden -> [[https:// | ||
| - | * Chrometana Pro/Foxtana Pro -> [[https:// | ||
| - | * [[Dark Reader]] -> [[https:// | ||
| - | * Google Translate/ | ||
| - | * Grammar and Spell Checker - LanguageTool -> [[https:// | ||
| - | * IBA Opt-out (by Google) -> [[https:// | ||
| - | * Improve YouTube -> [[https:// | ||
| - | * JetBrains Toolbox Extension -> [[https:// | ||
| - | * Picture-in-Picture Extension (by Google) -> [[https:// | ||
| - | * SponsorBlock for YouTube - Skip Sponsorships -> [[https:// | ||
| - | * [[uBlock Origin]] -> [[https:// | ||
| - | * Video Speed Controller -> [[https:// | ||
| - | * Windscribe - Free Proxy and Ad Blocker -> [[https:// | ||
| - | |||
| - | |||
| - | ===== Entwicklung ===== | ||
| - | |||
| - | |||
| - | ==== Messaging Test (Chrome-only wegen Manifest version 3) ==== | ||
| - | |||
| - | Diese Erweiterung testet die Kommunikation (Messaging) zwischen einem Service Worker (Background Script) | ||
| - | und einem Content Script, dass beim Klick auf die Erweiterung in die aktive Seite injected wird. | ||
| - | Die Kommunikation kann man in den beiden DevTools (F12) Fenstern beobachten | ||
| - | * Service Worker: Erweiterungsseite > Developer mode > service worker untersuchen > Konsole | ||
| - | * Content Script: auf aktueller Seite die DevTools Konsole öffnen | ||
| - | |||
| - | <code javascript manifest.json> | ||
| - | { | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | }, | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | }, | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | ] | ||
| - | } | ||
| - | </ | ||
| - | |||
| - | <code javascript service-worker.json> | ||
| - | "use strict"; | ||
| - | |||
| - | chrome.action.onClicked.addListener((tab) => { | ||
| - | chrome.scripting.executeScript({ | ||
| - | target: { tabId: tab.id }, | ||
| - | files: [" | ||
| - | }); | ||
| - | }); | ||
| - | |||
| - | chrome.action.onClicked.addListener((tab) => { | ||
| - | chrome.tabs.sendMessage(tab.id, | ||
| - | console.log(`[SW] Response: ${response.payload}`); | ||
| - | }); | ||
| - | }); | ||
| - | |||
| - | chrome.runtime.onMessage.addListener((request, | ||
| - | response({ payload: " | ||
| - | console.log(`[SW] Request: ${request.payload}`); | ||
| - | }); | ||
| - | |||
| - | </ | ||
| - | |||
| - | <code javascript content-script.json> | ||
| - | "use strict"; | ||
| - | |||
| - | chrome.runtime.onMessage.addListener((request, | ||
| - | response({ payload: " | ||
| - | console.log(`[CS] Request: ${request.payload}`); | ||
| - | }); | ||
| - | |||
| - | chrome.runtime.sendMessage({ payload: "CS -> SW" }, (response) => { | ||
| - | console.log(`[CS] Response: ${response.payload}`); | ||
| - | }); | ||
| - | |||
| - | </ | ||
| - | |||
/home/http/wiki/data/attic/browser_erweiterung.1639216891.txt · Zuletzt geändert: von david
