The HTML part is just like any other page, just small and as a overlay popup coming out from the icon. Unlike the background script and content script, popups have both a HTML and JS portion. We will come back to using them in a minute. They have very limited access to chrome.* apis, but they have full access to the DOM of the page they are injected into. They are the primary tool used for interacting with web pages. If you set it up as an event page it works exactly the same except that it unloads when not in use and loads back into memory when it has something to do.Ĭontent scripts refer to injected Javascript and/or css. It lives in its own little world and can only interact with other pages and scripts using the chrome.* apis.
In it you can set up various event listeners and such depending on what you want it to do. It isn't required, but in order to do most extension things, you need one. The background script is where your extension lives. I will start with making the purpose of each kind of page/script more clear.įirst is the background page/script.
Search.js content page injected > popup.htmlĪnd maybe a short bit about how injection works in chrome extensions(IE, do I only need to specify that it is content page in manifest.json to have it injected or is there more work to it)/expected behavior?Īpologies for the jumbled thoughts/question/possibly missing the things relevant to my questions while reading the manual. I don't need a walk through or full answer, just a little help visualizing how Chrome extensions work, or at minimum how I should set mine up in relation to page interaction IE: I know I need to know how to use the messaging API, is it going to be required for page search and highlighting? Summary: I need to read up on the messaging API for Chrome Extensions. I know how to search for text on a page, and replace it or change its style etc. I know one is constantly running vs injected, but that's as much as I got from the chrome extension manual, I still don't quite understand if the content script/page is seperate from the popup.html for example and what the difference between a script in the popup.html vs content page/script is. What I still don't understand after reading: search.js should this be in background/event/content/popup.html page?.popup.html essentially a shell for the search input which is used by search.js.
0 kommentar(er)
