- Clone this repository locally
- You may need to install esbuild using
npm -g install esbuild
- Run
npm run build
- Open chrome://extensions in Google Chrome
- Enable Debug Mode
- Select Load Unpacked
- Select the build directory from your cloned repository
- The extension should detect all links and buttons on page
- It should pull the tag name and, if it's a link, the href attribute
- These should be passed to the background script and stored in extension local storage against the URL they were captured from
- Note: Not local storage on the site
- In the content script, using outlines or box shadows
- Highlight any buttons as blue
- Highlight any links as orange
- In addition to this, the extension should monitor tab updates
- If the URL contains a search parameter of
reverse=true
it should reverse the highlighting (links should be blue and buttons should be orange)
- If the URL contains a search parameter of
You can use the Google Chrome Manifest V3 documentation for assistance.