Chrome Extension

• Developer Extensions
  • Getting Started Tutorial
  • Content Scripts
  • chrome.runtime
  • chrome.storage
  • permissions
  • Debugging Extensions
• Extending DevTools
  • overview
• tabs.executeScript
• chrome.devtools.inspectedWindow
• chrome.devtools.panels

Other helpful resources:

• How to Write a Chrome DevTools Extension by Dominick Gendill
• Sample Extensions
• mdn/webextensions-examples

Firefox Add-ons debugging

• Your first extension

• Web-extensions polyifill

• FF Doesn’t support contentScriptsContext in inspectedWindow/eval

• Passing selected element to content scripts

• Message Passing

Notes:

Because there’s poor visibility into content scripts, and the suck to reload, Make sure the connections are all wired up first.