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
1answer
15 views

Is there a shortcut key or an extension that can active specific Google Chrome devtool panel?

This is a Chrome devtool, there are some panels in it... "Network", "Console","Sources","Elements", Is there any shortcut key or extension that can active ...
0
votes
0answers
10 views

Chrome DevTools - load a different stylesheet

I'm using a jquery plugin which has lots of themes, each with its own stylesheet, and I want to preview them all with my table. Instead of changing the stylesheet tag in the code, and reloading the ...
1
vote
0answers
25 views

Chrome DevTools - Network - Remove overview time filter

Once you click, and thereby filter, on the network timeline overview, I cannot find a way to undo the filtering. When double clicking, it increases the filter to all, but subsequent requests won't be ...
0
votes
0answers
128 views

Is there a shortcut for opening the dev tools Network tab in Chrome?

I want to know if there is a shortcut for opening the Network tab in dev tools in Chrome. I know there is a shortcut for opening dev tools and the Console tab, but not for opening the Network tab. ...
0
votes
1answer
23 views

How can I copy a list of class attributes as a CSS selector from Chrome's Elements tab?

I'm copy/pasting a lot of class attributes from the HTML of a web page from the Elements tab in the Chrome Dev Tools like <label class="s-label mb4 d-block" for="wmd-input"> ...
0
votes
0answers
26 views

Slow script performance when browser is minimized

Im running a javascript in the Chrome DevTools console, but when I minimize the browser the script runs 10x(?) slower. I searched on chrome://flags for throttling and it returned: https://i.imgur.com/...
0
votes
0answers
40 views

Why isn't offline mode on chrome working?

I enabled the offline mode from the developer tools under the network tab but when I use a website, for example whatsapp or facebook, I can still view chat and send messages (I get the sent symbol). ...
0
votes
0answers
10 views

Text Expansion Snippets for Chrome or Firefox Devtools

Is there any way, natively or non-natively, to implement text expansion snippets in Chrome Devtools or any comparable developer tools (e.g. Firefox)? I am aware that Chrome has "snippets". ...
12
votes
0answers
978 views

Chrome Dev Tools Color Picker Contrast Ratio not showing up

According to the dev tools docs, you can view the contrast ratio of a text element in the Color Picker as of Chrome 65 - January 2018 However, sometimes the functionality appears buggy, as identified ...
0
votes
0answers
12 views

Chrome terminal offset so can't see what I'm typing

I have this issue where I have only half a text showing when I'm typing. How to fix?
0
votes
0answers
126 views

How to add a new person to Google Chrome with batch or Powershell?

I am tasked on creating a new chrome profile with a specific name for all employees of the company, and the task proves allot more difficult than one would expect it to be. I started scouting the web ...
0
votes
0answers
40 views

Allow local file access for snippets in Chrome

In chrome you can go to the extensions menu and enable local file:/// access for a specific extension. I am writing a snippet in chrome->dev tools->sources->snippets and I still get the 'Not ...
0
votes
0answers
39 views

How to make a userscript run in dev-tools?

There is a specific website for which I want to run custom javascript code on every page. However, this code uses the getEventListeners function, which is only available inside the Chrome devtools, so ...
0
votes
0answers
35 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
48 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
128 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
56 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 ...
99
votes
6answers
182k 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
1answer
41 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 ...
3
votes
1answer
215 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
17 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)
3
votes
0answers
1k 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....
1
vote
2answers
416 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
25 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
21 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 ...
20
votes
2answers
5k 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
137 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
1k 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 ...
2
votes
1answer
863 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
2k 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 ...
5
votes
0answers
4k 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
2answers
35 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 ...
1
vote
1answer
13k 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
57 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
83 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
182 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
2answers
859 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
38 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 ...
8
votes
2answers
2k 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
44 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
2k 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
2k 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
48 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
1k 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
141 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
499 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
1k 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 ...
11
votes
1answer
2k 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
208 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. ...