Chrome Extensions

Alexander Bogomolov / @abogomolov

Möglichkeiten

  • Produktkataloge
  • Suchen
  • Kommunikation mit APIs
  • Persönliche Bereiche
  • Statusanzeigen

Architektur

  • Manifest
  • Options
  • Background page
  • UI pages
  • Popups
  • Content scripts
  • DevTools

Manifest

Manifest

Options

Options

Background page

  • persistent background pages
  • event pages

UI pages

UI Page

Popups

Chrome Popup

Content scripts

Chrome content script

DevTools

Chrome content script

Kommunikation

chrome.runtime.sendMessage(message, function (response) {});
chrome.runtime.onMessage.addListener(function (
    message,
    sender,
    sendResponse
) {});

APIs

Eine Liste mit allen verfügbaren APIs.

Demo