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.
156
questions
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/...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...
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?
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 ...
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....
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 ...
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 "...
-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 ...
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 ...
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 ...
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).
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 ...
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,...
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 ...
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 ...
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 ...
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. ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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?
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.
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 ...
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 ...
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 ...
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 ...