USDB Plus

Web browser extension to provided extras to USDB

with

without

Features

• highlight specific USDB IDs in search results and detail pages
• dynamic number of USDB ID lists with individual color settings and label
• Sync lists via Firefox Sync to use the same configuration on all of your devices.

Development

1. Open Firefox
2. Goto about:debugging
3. Click This Firefox in left sidenav
4. Click Load Temporary Add-on on the top right
5. Select manifest.json
6. Goto usdb.animux.de and try out
7. Change source and click Reload button if you changed source to view results

Links

• MDN - Browser Extension Docs

• Firefox Source Docs - about:debugging

• MDN - storage

• MDN - manifest.json

  It is a JSON-formatted file, with one exception: it is allowed to contain "//"-style comments.

• MDN - icons

  You can use SVG and the browser will scale your icon appropriately. There are currently two caveats though:

  1. You need to specify a viewBox in the image. E.g.: viewBox="0 0 48 48" [for size "48"]
  2. Even though you can use one file, you still need to specify various size of the icon in your manifest.

• MDN - Debugging - Developer tools toolbox

• MDN - Options page

  Note: console.log() output on Add-on Preferences pages are NOT visible in the usual debugging console. They ONLY appear in the developer toolbox console

• MDN - Submitting an add-on

• Extension Workshop - Developing extensions for Firefox for Android

Examples

• MDN - Your first Extension
• MDN - Your second Extension
• MDN - Implement a settings page