Questions tagged [google-chrome-devtools]

The Google Chrome DevTools is a set of developer tools integrated into Google's Chrome browser. Use this tag for questions related to the usage of Chrome's Developer Tools.

Filter by
Sorted by
Tagged with
5 votes
0 answers
11k views

Modifying Page files - "Changes to this file were not saved to file system"

When you open google chrome devtools, and go to Sources and look at the files under Page, how can you modify them and observe changes? To be more specific, I want to modify some files inside top/...
Joe's user avatar
  • 151
1 vote
2 answers
119 views

How do I find which extension is modifying my website?

So, I noticed some other posts related to this (such as Full-page ads randomly pop up in Chrome ("Sponsored by")); however, since I have an extension that is only injecting an ad once in ...
Shnor W.'s user avatar
  • 101
2 votes
1 answer
24k views

Download streaming video with many xhr parts separated for audio and video

I want to download a streaming video. When I go to Chrome DevTools -> Network instead of a link to the mp4 video I find many links like ...hd4b.mp4/fragment-1-v1.m4s and other like ...a1.m4s for audio....
user avatar
0 votes
0 answers
279 views

Google Chrome Developer Tools are showing the wrong position for highlighted block

I have this problem for a while already and I was hoping it will be fixed with Google Chrome updates, but unfortunately that approach didn't work, so I thought maybe I'll find some help here. I have ...
Eduards Vigulis's user avatar
0 votes
1 answer
146 views

Viewing DOM source using Chrome Developer Tools

I am unable to figure out how I can view the DOM source for the following web page, using Chrome Developer Tools: https://www.nseindia.com/corporates/corporateHome.html?id=eqFinResults I am ...
Sandeep's user avatar
  • 103
2 votes
0 answers
725 views

Google Chrome Printing: Pages Settings - Set Default to Custom

Is there a setting within Google Chrome version 74.0.3729.169 to always display the custom page range when selecting print or ctrl+p. The default is set to "All" pages. I would like it to already be ...
SherJacinta's user avatar
5 votes
2 answers
1k views

How can I view the color contrast checker in chrome for windows?

When I open the dev tools, inspect an element, and click on the little color picker box for a CSS property that has a color, there should be two lines on the color gradient plane and a section that ...
landerson's user avatar
4 votes
3 answers
6k views

How to auto reload a tab in Chrome with full cache purge: "Clear site data" from dev tools

I use a third party site that display graphs. I need this page to be reloaded to have up to date graphs (and the site does not show it's custom animation for loading data). But after refreshing, even ...
Thomas's user avatar
  • 151
1 vote
0 answers
98 views

Chrome developer tools: MEMORY Head snapshot: Getting text information from a head snapshot file

I have had a Google Form done with a long textual intro, that was accidentally erased by a colleague. The text is important to me, its about a page long. I have, about 6 hours later followed the tips ...
Adam Pajgrt's user avatar
11 votes
3 answers
5k views

What do italics in Chrome devtools elements mean?

I'm looking at the elements in the hamburger menu of this site: https://rainbowedit.com/ using Chrome devtools, and the CSS in Elements is in red italics and uneditable. What does this mean? Is ...
spongefile's user avatar
1 vote
0 answers
109 views

CrOS cannot boot from usb

I have a Lenovo Chromebook C630, and have Developer AND Debug mode on, plus I have crossystem dev_boot_usb=1. I also have enable_dev_usb_boot on. When I get to the os verif is not on screen, I press ...
Crypthusiast's user avatar
3 votes
2 answers
3k views

Google Chrome Developer tools start knocking to 127.0.0.1 and ::1 IP on 9229 port (and port 5037)

I was Investigating Chrome sending empty useless tcp connection with Wireshark and found that Chrome starts constantly knocking on 9229 port of my PCs loopback address when I open Chrome Developer ...
Rustam A.'s user avatar
  • 151
0 votes
1 answer
4k views

Chrome DevTools target discovery does not work anymore with node

I have a problem with chrome devTools who does not auto-discover target with any node process anymore. For example, the following command node --inspect=127.0.0.1:9400 index.js return Debugger ...
Fabien Gane's user avatar
1 vote
1 answer
1k views

Obtaining the start time when a web browser begins to load AND obtaining the start time of an HTTP request of a resource

As I have been googling around I have seen many posts on other websites of people asking this question with no solution I am trying to figure out how long it's taking my web server running NGINX to ...
alilland's user avatar
  • 121
5 votes
1 answer
5k views

Chrome's devtools, device toolbar resolutions are weird

Im trying to make my website responsive to mobile devices. I heard chrome's dev tools can simulate devices based on their resolutions. But chrome has some weird resolutions. Iphone 7 dev-tools: ...
Karim Awesome's user avatar
1 vote
0 answers
357 views

Unexpected keypress behavior with Chrome Devtools

This is one of those that's very difficult to Google, and also extremely frustrating. With Chrome Devtools Console open, when I begin to type the word var, when I press the a in var, the Devtools ...
dgo's user avatar
  • 881
0 votes
1 answer
1k views

Chrome shortcut Command+Shift+M to activate the “Device Toolbar” doesn’t seem to work in macOS

I am running macOS High Sierra (10.13.6) and using Chrome (71.0.3578.98). I am a web developer and want to quickly activate the "Device Toolbar" via a keyboard shortcut so I can toggle between views ...
Art Geigel's user avatar
1 vote
0 answers
31 views

How to view chromes' local storage data of previous installation for certain website?

There was a website I used to note things online that required no login and recently I have reinstalled windows though i still have old program files. THIS is the the website now in current ...
Ozzy's user avatar
  • 11
1 vote
2 answers
3k views

Chrome console show object properties instead of DOM tree

I am used to work with Firefox as it has quite a much useful features. However I need to start working with chrome and it is a struggle What I need is to show propertes of an object in console. How ...
Zorak's user avatar
  • 123
13 votes
3 answers
3k views

Is there a way to directly open Chrome's “dedicated devtools for node”?

I use Firefox for my daily browsing; so the process of getting a Node inspector running is somewhat annoying: Launch Chrome. Manually visit chrome://inspect, because it refuses to set a builtin page ...
ELLIOTTCABLE's user avatar
  • 2,475
1 vote
1 answer
250 views

blocked third party cookies on google chrome but i can still see the 3p cookies being set

I've disabled third party cookies on google chrome but i can still see the cookies being set in the DevTools application tab. I loaded a web page, it led to cookies being set for various domains. ...
priyankatanvani's user avatar
2 votes
1 answer
924 views

How to prevent chrome debugger from stepping into empty files in javascript

When I put a breakpoint on some code written which uses external libraries, Chrome debugger seems to step into blank pages and I get lost and can't debug further because of that. Is there some way to ...
Kent's user avatar
  • 31
2 votes
0 answers
76 views

How to turn off Chrome DevTools console's autocorrect, so it merely suggests alternatives instead of changing what I type?

Chrome devtools has for a while had a handy auto suggest feature. For example, when I type data, it suggests other things I might want to choose that start data. However, with a recent update, it ...
user56reinstatemonica8's user avatar
7 votes
4 answers
10k views

Console in Chrome Devtools doesn't clear on refresh after update 68

After the version 68 update a couple weeks ago, my console in Devtools no longer clears after refreshing the page. Here are the console settings: So unless I'm misunderstanding something, the console ...
Skeets's user avatar
  • 241
0 votes
1 answer
142 views

Is there a way to customize the file browser in google chrome?

It has such a plain white background and it looks like it's from the 90s. Is there an extension or easy hack to make it sleeker?
Adam Noack's user avatar
1 vote
1 answer
1k views

define keyboard shortcuts for chrome developer tools commands

I need a faster way to invoke the copy command, currently I am using the context menu in the chrome developer tools as shown in this picture: But, I was wondering if there is a faster way of ...
acman123's user avatar
  • 763
1 vote
1 answer
93 views

How can I search specific word while editing html tags as HTML with chrome dev tools?

I am trying to search specific word while editing element as HTML. When I try to search with Ctrl+F hotkey on Chrome developer tools menu, element quit from editing just like this: https://i.stack....
my-lord's user avatar
  • 227
5 votes
2 answers
22k views

Unable to see Request Payload in Chrome Network tab

I'm using Windows 10. When I open up my Chrome devtools, go to an XHR request, and click on the Headers, I only see these three things: Any ideas why I'm not seeing a Request Payload anywhere? I'm ...
Martyn Chamberlin's user avatar
0 votes
1 answer
983 views

How to Wget login on this website

I am trying to wget postdata login on this website using the following command but something is missing: wget --no-check-certificate --save-cookies cookies.txt --keep-session-cookies --post-data "...
Steiner K's user avatar
-1 votes
2 answers
265 views

Google Chrome reverted to old style [duplicate]

Needed some help with my Google Chrome, which randomly reverted to this pre-material design style. It happened a few weeks ago and have tried lots of methods to fix it but nothing worked. I also have ...
Paul's user avatar
  • 1
0 votes
1 answer
165 views

Keyboard shortcut to go back to the Console after hitting a breakpoint

Is there any keyboard shortcut to go back to the Console in the Console Drawer after hitting a breakpoint? Pressing ESC works if the Console Drawer is not open yet, but if it is already open, I need ...
kiewic's user avatar
  • 1,060
4 votes
1 answer
2k views

Using "open in new tab" fails to post data, debugging XHR requests with Chrome 'Developer Tools'

I'm trying to debug an ajax request that POSTs data by inspecting the output of the request. The 'network' tab fails me as it states, "Failed to load response data" - I assume since it's a stacktrace ...
ficuscr's user avatar
  • 170
1 vote
0 answers
141 views

Chrome DevTools: how to change order of snippets?

By snippets I mean: Sources tab > Snippets left panel. I wonder if there's another way to change their order since drag & drop does not seem to work (at least, locally on my Chrome 61).
noomorph's user avatar
  • 111
2 votes
1 answer
309 views

Will i get a notification if supervised user power wash my chromebook?

I have a Chromebook that my little brothers use as supervised users. I am away, if they were to power wash it would i be able to know about it without going home and looking on it? Does it send you a ...
techset's user avatar
  • 23
2 votes
0 answers
187 views

Is it possible to save/share a link to a specific element in dev-tools inspector?

It would be nice to be able to easily point someone to a specific place in the Elements pane of the Chrome dev-tools for some specific url. I can navigate to the url, right-click to inspect an element,...
Sigfried's user avatar
  • 263
1 vote
0 answers
266 views

Keep source files from collapsing in Chrome developer tools with refresh

Every time I do a refresh in Chrome with developer tools open, it collapses the Sources tree and I have to navigate down the tree to my source file again. How do I keep my tree open - and even more ...
mseifert's user avatar
  • 175
0 votes
1 answer
666 views

List of Chrome devtool experiments?

When I got to chrome://flags/ on chrome I get a list of options I can turn on. One of these options is Developer Tools experiments. I'm looking for a list which shows all the current dev-tools ...
Philip Kirkbride's user avatar
0 votes
3 answers
2k views

Samsung Chromebook 2 Enterprise Lock

I want to disable the Enterprise Lock that is put on my Samsung Chromebook but for the life of me I unable to. I tried following the instructions here to no avail: https://superuser.com/a/1142803 I ...
Tarek Elsakka's user avatar
0 votes
1 answer
780 views

How can I enable event watchers on a specific JavaScript file on Chrome Developer Tools?

I have the need to know which JavaScript function is being called inside a file when I press a button. My problem is that I have a very big JavaScript file and I don't have any documentation about it. ...
João Pinto's user avatar
-1 votes
1 answer
59 views

published chrome extension in web store and its not available in web store [closed]

Recently I published a chrome extension in web store and its not available in web store. Add to chrome option is not enabled when I share the web store link of the extension with others. Can anyone ...
Spartan's user avatar
  • 109
1 vote
0 answers
2k views

Chrome dev tools are slow

When I use Chrome dev tools it is unbearably slow. The scrolling in a source file (JS) takes cca 1s before jumping to next location. Selection of a text in source file takes also cca 1s. I had to ...
Ondrej Peterka's user avatar
2 votes
0 answers
201 views

How can I see elements and sources as a split window/separate windows?

I'm using chrome resource mapping to create/modify my .scss, and my work flow is using the element picker to find the element I'm looking at, then modifying it in my source files. Can I have both ...
user1068446's user avatar
  • 1,420
2 votes
1 answer
545 views

how to mass change chrome custom search engines

Background I use chrome custom search engines very often (i wrote a post about how to copy search engines from one profile to another here). Problem I recently switched from github to gitlab, and ...
abbood's user avatar
  • 1,274
0 votes
1 answer
3k views

Wireless debugging Android Chrome app on desktop (Mac) Chrome app

Pre-story: Nexus 5X has USB-C to USB-C cable out-of-the-box which is obviously not compatible with USB-A without any addition equipment (USB-C to USB-A cable). Both of the mentioned above cables seem ...
Alex Ljamin's user avatar
  • 1,073
1 vote
0 answers
122 views

Chrome - Reload page and retain selected element in DevTools

I'd like to have Chrome DevTools automatically re-select the currently selected element (if it still exists) after I reload the page. Is that possible?
dwightgunning's user avatar
3 votes
1 answer
15k views

Cannot Edit A file on Source tab of Chrome Dev Tools

I'm trying to edit the javascript function inside an HTML page before it gets called. I can't edit it under source tab. I can't backspace or edit it. Nothing.
Luigi's user avatar
  • 615
2 votes
2 answers
1k views

Using Chrome to create AdBlock/UBlock rules

I want to learn how to use Chrome devtools to create my own custom adblocking rules according to Ublock/Adblock syntax. Now before I do that I need to figure out how Chrome's dev tools work. Observe ...
Grumpy ol' Bear's user avatar
2 votes
3 answers
1k views

How to disable Kaspersky repetitive null requests showing on Chrome's Network Developer Tool?

Kaspersky creates repetitive requests appearing annoyingly on the Developer Tools > Network on any webpage I try to analyze. I'm looking for disabling Kasersky requests to appear at all. That is to ...
Omar's user avatar
  • 1,763
1 vote
1 answer
281 views

how to copy properties from one google chrome user to another on OSX

I'm a big user of chrome (switch person) feature: i'm also a heavy user of chrome's custom search engines so it's very common for me to have like 100 different search engines for a specific chrome ...
abbood's user avatar
  • 1,274
6 votes
2 answers
10k views

Chrome devtool console drawer showing automatically

I'm having a problem with the console drawer on Chrome dev tool. Every time there's an error on the page, it popups automatically. I would like to disable this feature. I know about the esc key to ...
Maxime Peloquin's user avatar