在Chrome DevTools中如何防止脚本执行

Question

I have a page not on my server, where a particular is running during page-loading

...other stuff...
<script src="http://someserver.com/script.js"></script>
...other stuff...

and causing some problems.
I need to debug this so first I'd like to prevent that script from loading.

How can I do this? All I've found is that I can delete, edit or add a script after the page has loaded. But that is not what I need. I need to load the whole page but skip loading this very script.

Answer 1

Google Chrome can now do this for you.

1. Open developer tools
2. Open the network tab
3. Navigate to the site
4. Find the request that loads the script
5. Right-click on the request and select "Block request URL"

Chrome will now block the request that loads that script. To remove the block:

1. Open the console at the bottom of developer tools, fyi the "Esc" (escape) key will toggle it.
2. Open the "Request Blocking" tab (you'll find it in the 3 dot menu next to the "Console" tab if you don't have the tab available)
3. Click the stop looking icon with the title of "Remove all patterns"

Answer 2

There are a couple of approaches to this... the first being the old school way of handling ad blocking (which this is similar to), which is simply create a dns entry in your hosts file (C:\\windows\\system32\\drivers\\etc\\hosts on windows) and alias someserver.com to localhost 127.0.0.1:

someserver.com  127.0.0.1

This, however, has the unfortunate side-effect of not loading ANYTHING from someserver.com.

Another option is to use something like adblock plus, and just add the script to the "Add your own filters" tab, where the syntax for your filter will be:

http://someserver.com/script.js

Hope that helps!