Is it possible to inject JS before page load, or is it necessary to use content scripts and way for the document to finish?
For example, is there a faster way to execute JS that turns the page red as soon as it's opened?
To run a script: - Open the extension and click the play button. Or - Run a script from the context menu. Right Click > Select Scripty > Select your script.
This extension allows you to write, save, and execute javascript into web pages. You can save scripts to be run globally (on any page), on a specific domain, on a specific page, or via a "URL contains" string. It uses the CodeMirror editor, configured for javascript editing, and includes both light and dark themes.
A content script is a part of your extension that runs in the context of a particular web page (as opposed to background scripts which are part of the extension, or scripts which are part of the website itself, such as those loaded using the <script> element).
Declare a content script in the manifest file with "run_at": "document_start"
to get it to run as soon as possible, i.e. right after constructing the document root (when <head>
does not exist yet).
For your very specific example, it might be better to declare a content style instead, similar to content scripts, but using the "css"
key instead of "js"
.
If you want to dynamically run a script as soon as possible, then call chrome.tabs.executeScript
when the chrome.webNavigation.onCommitted
event is triggered.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With