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
0 answers
5 views

Chrome overrides only work when DevTools panel is open

I would like to remove a particular result from the Google Image Search page. To do that I have the following code: const path = "//h3[contains(text(),'بیاموز')]"; const matchingElementSet = ...
user avatar
0 votes
0 answers
9 views

Prevent Chrome Recorder devtool from refreshing the page

I'm starting to use Chrome's new "Recorder" devtool. It's really nice; however, I don't like that it starts the automation by refreshing the page. Is there a way to prevent this behavior? I ...
user avatar
0 votes
1 answer
16 views

Find Network Request on Site Given Known Text

So, I have a website I'm interested in writing an API for. I go to the Network tab under dev-tools to find the API call, but am not finding it given that there's just a lot. Is there a way to find a ...
user avatar
1 vote
0 answers
115 views

How to add a Authorization header into a HTTP request by using Chrome Dev Tools?

Is there a way to add a token into my HTTP request without using Postman or cURL?
user avatar
  • 111
0 votes
0 answers
118 views

How to set custom zoom in Chrome developer tools Device Toolbar?

I have custom screen sizes set up in my Chrome dev tools, but the zoom levels for how big the screen appears are limited to: 50%, 75%, 100%, 125%, 150%, Fit to window Is there a way to add custom ...
user avatar
2 votes
0 answers
20 views

Source of animation in Chrome tab between favicon and title?

I recently noticed this small animation appearing in Chrome tabs while testing a web app I'm working on. It appears and disappears while the page is loaded and I assume it indicates Ajax activity ...
user avatar
  • 2,441
0 votes
0 answers
18 views

Replace command isn't working on console for Chrome 92.0

I wanted to use replace command for my code but I'm getting two different output in two different version of chrome. var v = "[\"P10033592\",\"P10057941\"]" v.replace (/\...
user avatar
0 votes
0 answers
24 views

Is there a way to keep a single undocked Chrome DevTools window?

I would much prefer to keep my DevTools window undocked - screen resolution simply sucks when I keep DevTools docked. However, if I have it opened in more than one window, it shows just as many ...
user avatar
  • 221
4 votes
1 answer
430 views

Is there any way to keep the Payload tab open in Chrome's network inspector?

Am using a graphql endpoint, so to find out what the operation was, I need to see the payload. However, now that said payload is in a new tab, I have to reselect it every time I check another fetch ...
user avatar
  • 41
0 votes
0 answers
155 views

How to extract oauth2 bearer token from Chrome dev tools?

I am certain that when I run an odata query against a Dynamics 365 data source that a bearer token is being supplied in the header. And these bearer tokens always is prefixed with Bearer and the ...
user avatar
0 votes
0 answers
57 views

How do I see the :visited css applied to an element in the Chrome DevTools element inspector?

I can force the css state to :visited by marking the checkbox, but I don't know how to actually see which css is being applied to the element when the link is visited. As you can see in the picture, ...
user avatar
  • 113
0 votes
2 answers
48 views

How can i open DevTools from my pc in my android?

I'm wondering how can I open DevTools from my Windows PC in my android phone? is this possible? EDIT: My question was not clear enough, an example of what I want is: I open a DevTools on a page (Using ...
user avatar
1 vote
0 answers
66 views

Is it possible to disable tab pinning in Chrome? Or prevent pinned tabs from loading when I open Chrome, until I click on them?

I use a productivity extension that can be bypassed via pinned tabs on Chrome launch. So I'd like a way to disable pinned tabs, or alternatively prevent pinned tabs from loading when Chrome opens, at ...
user avatar
  • 11
0 votes
0 answers
101 views

Chrome: hiding specific console messages (eg errors)

Can you hide specific console messages in Chrome? In my specific case, running a local dev copy of a Vue app always throws this error, whch I'd like to hide: VM9250:1 GET http://10.0.0.173:8080/sockjs-...
user avatar
  • 855
0 votes
0 answers
73 views

Google Chrome Dev Tools keeps popping up on refresh

On every page refresh in Google Chrome, the Dev Tools keeps popping up. I have to manually press Esc each time. Also, I have already tried the settings suggested by some of the other people like below,...
user avatar
0 votes
0 answers
21 views

Can I open Chrome devtools in an existing devtools window?

I am on a mac, where I am using a multiscreen setup for development. On my laptop window I have the application - on my second screen, I hold the devtools in its own full screen workspace. An issue I ...
user avatar
  • 121
0 votes
0 answers
19 views

Open HAR file with Chrome automatically

With recent chrome versions it is possible to view HAR files by opening the DevTools network tab and importing them. How can I associate HAR files with chrome so that upon opening them it ...
user avatar
0 votes
1 answer
424 views

How do I start Chrome or Edge in a new isolated window with DevTools open?

Sometimes I want to open Chrome or Edge just to access its JavaScript console for a quick scripting experiment, similar to that in Node/Deno REPL mode. I don't want to use F12 with a currently open ...
user avatar
  • 2,171
0 votes
1 answer
279 views

How to disable zoom (ctrl + scroll wheel) in chrome dev tools?

I want to disable zooming in and out chrome dev tools when I hold ctrl and scroll. One way is to completely disable this action from mouse settings for all applications but that I don't want. Can I ...
user avatar
  • 209
0 votes
0 answers
129 views

Open multiple URLs in Chrome Dev Tools - Scrape Element and then save them to a file?

I need to open approximately 9K urls and manually scrape one element from each. Have been doing this by hand, so as you can probably guess, desperation is now kicking in. Challenge: I have to do this ...
user avatar
0 votes
0 answers
38 views

Are Chrome developer tool settings saved to a JSON file? Can they be exported or backed up in any way, then reloaded on a new install?

Just throwing this out there, it seems too obviously handy to not be already possible in some way or another (plug-in or file hack). Are Chrome developer tool settings saved to a JSON file? Can they ...
user avatar
0 votes
1 answer
29 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 ...
user avatar
6 votes
1 answer
347 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 ...
user avatar
4 votes
3 answers
3k 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. ...
user avatar
  • 143
0 votes
1 answer
35 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"> ...
user avatar
  • 273
19 votes
2 answers
2k 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 ...
user avatar
  • 5,054
0 votes
0 answers
25 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?
user avatar
  • 581
2 votes
1 answer
207 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
user avatar
2 votes
0 answers
175 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 -> ...
user avatar
1 vote
0 answers
85 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 ...
user avatar
102 votes
6 answers
188k 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 ...
user avatar
  • 1,217
0 votes
1 answer
106 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 ...
user avatar
  • 610
3 votes
1 answer
265 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, ...
user avatar
  • 323
1 vote
0 answers
24 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)
user avatar
  • 405
4 votes
0 answers
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....
user avatar
2 votes
2 answers
1k 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 ...
user avatar
  • 227
0 votes
1 answer
32 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 ...
user avatar
1 vote
0 answers
32 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 ...
user avatar
27 votes
2 answers
8k 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 ...
user avatar
0 votes
1 answer
312 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 ...
user avatar
  • 1
0 votes
1 answer
2k 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 ...
user avatar
2 votes
1 answer
2k 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 ...
user avatar
  • 21
1 vote
1 answer
5k 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 ...
user avatar
  • 11
5 votes
0 answers
8k 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/...
user avatar
  • 151
1 vote
2 answers
40 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 ...
user avatar
2 votes
1 answer
18k 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
75 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 ...
user avatar
0 votes
1 answer
104 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 ...
user avatar
  • 103
1 vote
0 answers
312 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 ...
user avatar
5 votes
2 answers
956 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 ...
user avatar