Run a javascript snippet before loading a website on chrome

Question

On the website I do have "enableTab = false". For the testing purpose, i'm using Chrome with Console developer tool. What I need to do is to set enableTab = false, then refresh the browser and see the result. I try to set directly in console "enableTab = true" then refresh the page, but the variable automatically changes back to false.

I can test it manually by setting the enableTab in the code, but it becomes more time-consuming when I have to redo the task with many other flags.

Is it anyway that I can set the "enableTab = true" in the console, then make sure it's always set to true when I browse around the website (after refresh).

Thank you

Set a breakpoint in top of a file.

epascarello
– epascarello

2016-01-25 19:09:54 +00:00
Commented Jan 25, 2016 at 19:09 — epascarello
– epascarello, Commented Jan 25, 2016 at 19:09
Exactly what I need, thank you

Kiddo
– Kiddo

2016-01-25 19:13:49 +00:00
Commented Jan 25, 2016 at 19:13 — Kiddo
– Kiddo, Commented Jan 25, 2016 at 19:13

user2072826 · Accepted Answer · 2016-01-25 19:14:49Z

1

try initilizing and setting your variables from localStorage.

in your initializing code try something like:

enableTab = localStorage[0] || false;

then when you want to test what it will look like, in the console you would type:

localStorage[0] = true;

and refresh the page.

answered Jan 25, 2016 at 19:14

user2072826

5361 gold badge5 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kiddo Over a year ago

thanks, it would be a nice approach but I try not to touch the code as much as possible because I will need to clean up later. So the above answer which asks to set breakpoint is really what i need.

Adi Levin · Accepted Answer · 2016-01-25 19:22:41Z

0

You can add parameters to the URL. For example, if your URL is http://hostname/path, replace it by http://hostname/path?enabledTab=true, and then inside your web page include this:

enableTab = location.search.includes('enabledTab=true')

The nice thing about the URL approach is that it is easy to use in manual testing scenarios like you described, and also in automatic testing scenarios where you want a test script to control the behavior of the application.

edited Jan 25, 2016 at 19:22

answered Jan 25, 2016 at 19:18

Adi Levin

5,3031 gold badge19 silver badges26 bronze badges

3 Comments

Kiddo Over a year ago

The url itself has already had a query so I guess it will make it more complicated. thanks!

Adi Levin Over a year ago

It's o.k. to add more parameters to an existing query

Kiddo Over a year ago

new thing to try and i will do that, thank for the knowledge!

Collectives™ on Stack Overflow

Run a javascript snippet before loading a website on chrome

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related