Basic HTML, CSS and JS Chrome Extension Example Project

The objective of Chrome Extension is for an easy saving of URL tabs in your browser.

This project is an example that was built along with a Youtube series however I modified and added some features.

• const
• addEvenetListeners
• innerHTML
• input.value
• function parameters and arguments
• template strings
• localStorage
• the JSON object (parse() and stringify())
• CSP error: https://web.dev/articles/csp?utm_source=devtools#inline_code_is_considered_harmful
• API chrome tabs
• objects in arrays

HOW TO INSTALL

1. Download the project in your local
2. Open Chrome browser
3. Type in the url: chrome://extensions/
4. Enable Developer Mode in the Chrome Extension page (you can find this in the upper right most part within the page)
5. Click the "Load unpacked" button (This will open your My Computer Files directory for Windows or Finder for Mac users)
6. Choose the project that you just downloaded to unpacked
7. Click the puzzle icon and open the extension named Eubie's URL Tracker

Screenshots:

How to tweak this project for your own use:

I would recommend you to clone and rename this project so that you can use it for your own needs as it is an example project. This boilerplate is a nice place to start.

Find a bug?

Please use the issue tab above to report any problems you encountered or suggestions you have for improving this project. Please make mention to the issue you created if you would like to submit a pull request. I'm grateful.