Adding instrumentation (aka injecting into scripts) using chrome extensions
My goal is to inject instrumentation code into certain scripts of certain websites to then lately collect the data using chrome extension and upload it to a centralized DB.
The last time I tried this was around 2016 when I achieved this using "onbeforescriptexecute" in a user script I added to firefox using GreaseMonkey, back then chrome didn't support this at all. Now I've looked around here and the newest I found was around the same yeah mentioning "onbeforescriptexecute" is not supported in chrome and offering a workaround with a link to a GitHub page that no longer exists.
So are there any modern ways to intercept scripts loading into a web page in chrome extension content script? What I need is to catch each script before it loads, parse, inject instrumentation and then proceed to run it.
From what I understand, you want to intercept every script and manipulate the contents of the script before it is being executed in the browser.
The short answer is No. You cannot intercept external scripts using Chrome Extension Content Scripts but you can intercept using webRequestAPI in Manifest V2 (Note - It's going away soon)
Your best bet is to write a Proxy application that intercepts the scripts and modifies the contents of the scripts as per the User or your business logic.
We have solved a similar problem at Requestly by offering a desktop app-based solution So you can launch a browser from the Requestly Desktop App and then create Modify Response Rule in the Desktop App which allows you to define a static response or change the existing response pragmatically.
Launching Apps
Modifying Response Pragmatically
Once you do this, your scripts will be intercepted and your code will run on top of the existing responses from the server.
You can build a similar application like this for your case. I am afraid this isn't possible with Chrome Extensions.
- Is it possible to pull css values with HTA javascript?
- What a strange syntax?
- JavaScript / Jest: How to show logs from test case only when test fails?
- How to secure my login page
- How can I create a two-way mapping in JavaScript, or some other way to swap out values?
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- Page.locator() is the recommended way to select and interact with elements. Why does it offer less functionalities than Page.$()?
- How to filter object array based on attributes?
- How do you convert from emoji to unicode escapes in JS
- How to simulate a mouse click?
- Is it possible to add a single item to a vis.js timeline?
- How to ensure order of Cypress request execution
- Jquery Ajax Problem
- Can I run a function after navigating to a new page and waiting for that page to finish loading?
- Cannot start cocos after adding a new file
- Active link with React-Router?
- Is there a way to schedule offline notifications in a pwa?
- How to get the grid coordinates of an element using JavaScript?
- Bootstrap popper.js Failed to find a valid digest in the 'integrity' attribute for resource
- LeafLet map doesnt render properly on modal
- Create object from array
- How to ignore lines of code from coverage in vitest?
- How to manage CORS in Django
- How can I get an element's Accessible Name in javascript in the browser?
- TypeError: fs.readFileSync is not a function in Next.js
- Show hide divs on click in HTML and CSS without jQuery
- If an IIFE contains just one variable declaration that is immediately exported to global scope, why bother with it?
- Need explanation on following type of Javascript code
- What does an array literal with the `for` keyword inside mean in JavaScript?
- How to call a function every minute in a React component?