Question

89

Override Javascript file in chrome

rated 0 times [ 93] [ 4] / answers: 1 / hits: 77352 / 8 Years ago, tue, february 23, 2016, 12:00:00

I would like to override a javascript file with my own version of the similar javascript file in chrome.

Let me explain:

Lets say a site 'http://example.com' calls 'http://example.com/script/somescript.js'.

What I would like to do is override the file 'http://example.com/script/somescript.js' with my own version located at 'http://localhost/script/somescript.js'.

I need to effectively modify a function in the original Javascript file.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jackie

Add To Favorites

Follow

Total Points: 442

Total Questions: 107

Total Answers: 94

Location: Honduras

Member since Sun, Dec 26, 2021

2 Years ago

jackie questions

1 Is it possible to get the selector from a locator object in playwright?

Thu, Apr 28, 22, 00:00, 2 Years ago

1 Upload and preview Video in React

Sat, Sep 18, 21, 00:00, 3 Years ago

1 React countdown timer using new Date()

Wed, Jul 14, 21, 00:00, 3 Years ago

1 How to style the button in bootstrap vue dropdown like a circle

Thu, Oct 22, 20, 00:00, 4 Years ago

1 Vue reactivity, prevent re-rendering component on prop update with input v-model

Wed, Sep 2, 20, 00:00, 4 Years ago

View All

answered 8 Years ago cassies · Accepted Answer

With Chrome 65 this has become trivial.

Using local overrides – Chrome 65

What is it?
It is a new feature that allows us to override a websites code/css with a local copy that is persisted across sessions. Once you override a file it shall remain until you remove the override.

How to set it up?

Open the Sources panel.

Open the Overrides tab.
Open overrides tab

Click Setup Overrides.

Select which directory you want to save your changes to.

At the top of your viewport, click Allow to give DevTools read and write access to the directory.

Make your changes.
After you add a folder you can switch to the network tab and right click on any file and select “Save for overrides”. I have already overridden scripts.js so it shows with a “blue dot”.