Learn how to develop a Chrome extension

Question

JavaScript

Hello!

I want to create an extension for Chrom.
The idea is as follows:

There is a "dictionary" (so far only in the head) of the following structure: there are several entities for each of which several definitions have been selected.
For example:

first ("one", "1", "one", "first")
second ("tow", "2", "two", "second")
bear ("bear",)
...

As requested, or on some event (click on a certain link on the page), the extension should start searching the viewed pages for definitions (those in brackets) from the dictionary, highlight them (just for fun and clarity), and if at least one definition was found for an entity from the dictionary, then mark it as "found". The result should be a list of found entities.

And finally, again, upon request and when going to a certain page with checkboxes whose Id matches the names of the entities, the extension should check the boxes in accordance with the list of found entities.

Please tell me the general architecture of the script, what to google, what to read, otherwise I'm completely at a loss. I'm especially interested in how the dictionary and list are stored.

I'm already reading the extension development documentation :)

Answer 1

Definitely, you should just read the documentation for beginners. There everything is extremely fast and clear - a couple of hours and you are already in the know.
What you are looking for is called a content script - this is a type of extension that clings directly to the DOM according to those urls to which the user has given rights (in your case, to all urls, apparently).
The whole process is not complicated at all - ordinary js (do not try to use jQuery to search for words on the page!), You can manage it in a couple of days.