How can I interact with the page using the script from the add-on? content script? Or another way?

Question

JavaScript

Needed: Make a Chrome extension that will append to the current tab's style. What kind of script do I need? content script? What should be written in manifest.json? Can he do it? It's not entirely clear in the add-on guides. If someone has an example, I would be glad to see ... I tried to inject the script in various ways, but either it could not be done, or it was injected before the page was loaded and onload somehow did not even save, or it did not have access to the page , or it runs in isolation, is unclear. The script should run on button click. I do not want to share the code, I still want to rewrite it myself. Just need an example or advice.

Answer 1

To inject scripts, you need to use content_scripts . An example of a solution to your problem on Gist .

Answer 2

{
  "manifest_version": 2,

  "name": "Readable Now",
  "description": "Changes font style for the desired page. No more Times New Roman 8 px!",
  "version": "0.1",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "Options"
  },
  "permissions": [
    "activeTab",
    "http://*/"
  ],
  "background": {
    "scripts": ["background.js"]
  },
  "web_accessible_resources": [
    "/injected.js"
  ]
}

In injected - what needs to be executed. background is not sure if it is needed at all, or what needs to be written in it in order to inject the script.