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
0
votes
0answers
13 views

chrome keep .crdownload files even with fail

Is there a way to keep the .crdownloads from chrome even when the download fails? For example sometimes when downloading a live stream download the connection times out and it fails but it would be ...
1
vote
1answer
12 views

How do I change Chrome's formatted indent spacing from 4 spaces to 2 spaces?

The feature: Chrome > Dev Tools > Sources > {page}:formatted default tab indent is 4 spaces, can I change it two 2? How do I configurate it? Thanks
1
vote
0answers
36 views

How to intercept a flash game's network traffic that doesn't show up in chrome's developer tools

Go to fairgocasino.com in chrome and open any game (let's take for example the first slot in alphabetical order, "5 Wishes"). Open the network tab of developer tools with rightclick -> Inspect -> ...
1
vote
0answers
20 views

What's the keyboard key of defocus in address bar in Google Chrome?

I was using extensions like Vimium, Saka Key( to use only keyboard to control web browser ) sometimes, I want to leave focus, in the current tab, so that I can active those extensions with keyboard ...
0
votes
0answers
24 views

Chrome devtools unresponsive when Vue tab open

I've noticed a weird thing, when the Vue tab is open in devtools, the draggable functionality is drastically reduced. When I try to vertically resize the devtools it moves slowly, blinks, and ...
85
votes
6answers
127k views

Google Chrome DevTools failed to parse SourceMap: chrome-extension

I am developing on Rails5 with jQuery. All of a sudden, this afternoon, I started getting these messages in my DevTools console. It happens even running DevTools under StackOverflow. I cleared ...
0
votes
0answers
59 views

Chromium on Linux: No DevTools Syntax Highlighting for JavaScript in Sources Panel

I seem to have lost some functionality in my Chromium installation whereby I no longer have any syntax highlighting for JavaScript files in my Sources panel. All of the text is standard black (I'm ...
0
votes
1answer
20 views

Rearranging Panes in Chrome Dev Panel

When Chrome's dev panel is placed on either side of the screen and is not too wide, this is how the panel looks: I particularly like how the Styles pane and the Computed pane are side by side. For ...
0
votes
0answers
18 views

Is there a way to see request timestamp in Network panel?

Recently had to debug some request on server side, but similar request was made few times. I did have screenshots from Network Panel, that showed the interaction with server. It showed nicely payload, ...
3
votes
0answers
172 views

Chrome (Brave) DevTools Sources Panel missing JS colors and tooltips

Suddenly my Brave app's Dev Tools Sources Panel is missing colors and tooltips for JavaScript files. Here's what I see in Brave: Here's that same file JS file on the same breakpoint in Chrome, ...
1
vote
0answers
16 views

How can I purposely freeze the page at start in google dev tools?

I want to watch what happens the moment my page starts loading. How can I pause the page immediately? (before any js)
0
votes
0answers
20 views

How do you search the stack trace in Chrome Developer tools?

In my Chrome Developer tools, I've got a large stack trace when I stop at a breakpoint. I want to search for a particular file in the trace. Is there any way for me to do so besides for manually ...
3
votes
0answers
345 views

Set Unique proxy per tab in chromium

I am trying to customize chromium-browser such that each tab in the browser has a unique proxy, so connections from one tab do not appear to come from the same IP as another tab. I used chrome.proxy....
0
votes
0answers
17 views

Is it possible to launch Chrome directly in mobile view (emulator) via some argument?

I intend to do this when I debug. Bonus gratitude if anybody mentions a way to do this when launching from VS Code (currently, when running from VS Code, Chrome starts in desktop mode).
0
votes
0answers
6 views

In Performance tab, how do I not show the function calls?

In the "Performance" tab, under "Main" there many arrows shown that represent the function calls. Is there a way to not show these arrows?
0
votes
0answers
9 views

Why is Chrome (and Chrome Dev Tools) not parsing bundled code?

Chrome and Chrome Dev Tools lost some functionality after bundling and minifying my JS for the first time. The Watches are always unavailable It's not possible to add a breakpoint between the curly ...
0
votes
0answers
23 views

How to determine fast which domain/request a cookie belongs to?

I am using DevTools to look at my cookies under Application->Storage->Cookies. I see a list of cookies there, some with names that belong to Google and Facebook. Is there a way to see for this ...
1
vote
2answers
168 views

How to Enforce Dark Mode on Chrome Web Store?

All extensions are disabled on Chrome Web Store, for security reason I believe... However, I like to browse for extensions a lot and I want to save my eyes. Is there a way to tweak some Chrome ...
0
votes
1answer
24 views

Chrome Network Panel - Html5 Video Explanation

In Chrome Developer Tools Network Panel I see my HTML5 video (MP4). I do not understand why it shows up 4 times. What does this mean? What means section "time" and "size" in this context? It seems ...
1
vote
0answers
13 views

Chrome Developer Tools SCSS Syncing

When I add a workspace in chrome developer tools it links the css file I'm using but not the scss file it is generated from. No source map file is generated either. However when I compile the scssfile ...
8
votes
1answer
2k views

How do I dismiss the “Drop HAR files here” box in Chrome network panel?

My Chrome console's network panel has become unusable today because it keeps getting overlaid with a drag/drop UI for HAR files. How do I dismiss it, or turn this feature off? Never encountered this ...
0
votes
1answer
44 views

Atom is always opening developer console.How could i disable it

I installed atom text editor and compeleted a project.But now,i cant open my project.Its always opening chrome dev tools/debugging console in atom.I uninstalled it and install is again.But its not ...
0
votes
1answer
527 views

Headless Chrome hangs when trying to print page as PDF

At our organization we use headless-chrome for converting web pages into PDFs. We have a special Java application for that, that uses the following CDT client for launching the chrome instances and ...
0
votes
0answers
29 views

Show past requests in Network tab in Chrome Dev Tools

If I open chrome dev tools Console I will see all past stuff. But if I choose Network tab it will be empty. Only new requests which are sent with opened Network tab will be displayed. Can Network tab ...
0
votes
0answers
14 views

Chrome Clipping Color Selector in Developer Tools

When trying to edit the element colors in the developer tools the color selector is clipped at the top making it impossible to select colors at the upper most levels. Screenshot Chrome Info: Version ...
0
votes
0answers
14 views

How do I step over in Chrome devtools?

Chrome devtools "step over" never works. I hit a b'pt, I click "step over", and it continues as if I hit the "Continue" triangle. Same thing if I press F10. No matter what I do, it will NEVER step ...
2
votes
1answer
198 views

Chrome dev tools not showing on Mac

Whenever I try to open the dev tools in Chrome, nothing seems to happen. I've tried right-clicking the window and opening it from the drop down menu, opening it from the "more tools" menu found in ...
1
vote
1answer
690 views

Chrome Developer Tools - Network “Content Download” column

I've got a question about the Chrome Developer Tools - Network Tab - "Content Download" part in the waterfall column. What exactly does this mean? Is latency somehow relevant to this? Retrieving ...
3
votes
0answers
2k 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/...
0
votes
0answers
22 views

Chrome DevTools: Tabcompletion Broken and Text Cursor glitching

A few weeks ago, something with the to have changed with my Chrome DevTools, more specificaly the Console Tab. This shows in 2 Ways. The Text Cursor does not show if there are Less than 2 Characters ...
0
votes
0answers
6 views

Chrome Console does not take line commands

I have been using Chrome to debug a mobile aplication that i am working on, but lately i am unable to give commands like console.log('test'), or debug variables, for example: if I typed Array_Person i ...
1
vote
1answer
30 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 ...
0
votes
1answer
6k 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
0answers
30 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
1answer
62 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 ...
1
vote
0answers
118 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 ...
3
votes
1answer
590 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 ...
1
vote
0answers
35 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 ...
4
votes
2answers
1k 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
0answers
38 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 ...
0
votes
2answers
785 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
1answer
1k 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
1answer
23 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 ...
4
votes
1answer
426 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
0answers
102 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
1answer
224 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
0answers
19 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
2answers
748 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 ...
9
votes
1answer
1k 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
1answer
200 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. ...