8,883 questions
1
vote
0
answers
39
views
How to override source files with dynamic names that change on page reload?
To override a file in chrome devtools, I usually do the following:
Locate the file under sources tab
Right click > override content
Choose folder containing overrides
The browser uses the local ...
3
votes
0
answers
105
views
How to remove giant whitespace block in chrome devtools console
When debugging with chrome, my devtools show a large, persistent white box that eats up half of my console. I cannot resize it, I cannot close it. I've opened up the Gear settings, and tried turning ...
4
votes
1
answer
155
views
Mat dialogs are not opening when devtools are in open
I'm using Angular v19 and I recently updated my Chrome version to be the latest. Now if my dev tools is open, then matdialog does not open; only when I change my screen resolution does it work (open). ...
0
votes
0
answers
66
views
Where do "implicit outer layer" and "components" CSS layers come from?
In Chrome developer tools, there's a "CSS layers" toggle which shows:
I'm trying to understand where these layers ("properties", "theme", etc) come from. Are they Chrome-...
0
votes
0
answers
43
views
DevTools can't open source file: "No resource with given URL found"
In the Sources tab in Chrome DevTools, I get "No resource with given URL found" when I try to open a file:
I found posts with the same error message, but they were solved by removing issues ...
0
votes
0
answers
87
views
How to change input value on Webflow Designer through google chrome console code?
I need to change field values on the "custom properties" section of Webflow designer using JavaScript code on the Google Chrome console
fields to change
Also, after changing it, it should be ...
1
vote
0
answers
176
views
Tauri Dev Tools Not Auto-Opening
I am running a basic Tauri application. I have a few hello-world commands running in the background, in lib.rs. I also have a react-based front-end running, from which these commands are being called.
...
0
votes
1
answer
95
views
Drawing a div overlay sometime gives offsets divs and sometimes positioned correctly
Note: I don't want to edit the css of the paragraph itself, but to add a new div, because I am not allowed to touch the site itself for the moment. (Also don't worry about the resizing/scrolling/...
0
votes
0
answers
43
views
Does Angular service worker bypass throttling?
I created a small Angular client/Node Express server and in Chrome tools, simulating a 3G to slow down so I can see when page renders, we prefetch in install with Angular service worker. After the ...
0
votes
0
answers
73
views
Can I force Chrome DevTools to prevent access to Javascript private member fields?
In Chromium version 111, access to private member fields was allowed https://issues.chromium.org/issues/40876961.
So now in Chrome DevTools (v139), the following JavaScript code is not generating an ...
0
votes
0
answers
73
views
Show the right initiator in Chrome DevTools
In my Initiator column, the DevTool always shows the same thing: zone.js:2183. I know this is because I am working with Angular and that requests are made from zone.js, but when I started coding on ...
1
vote
1
answer
82
views
When does browser (e.g. Chrome) add `Cache-Control: no-cache` to request header when user empty cache and hard reload?
When I open the dev tool and select Disable Cache, chrome adds Cache-Control: no-cache in request header for all requests.
But if I press ctrl + F5 or click on Empty Cache and hard reload button in ...
0
votes
0
answers
25
views
Not working chrome --remote-debugging-port (Windows) [duplicate]
Try
start chrome --remote-debugging-port=9229
Check
netstat -ano
port 9229 not have in list
How to achive Open chrome remote debug port ?
--
Update yeaaahh all work !!
Need add
--user-data-dir="...
0
votes
0
answers
44
views
Chrome DevTools - Memory Tab
After getting a snapshot I see something like this:
While I was able to identify the first entry, I can't do it with the second entry. Any idea how to find the actual name of that object used in the ...
0
votes
0
answers
64
views
How to extract debundled JavaScript files via CDP or Playwright
I've been trying to programmatically extract the original, debundled JavaScript source files behind a web app that uses Webpack bundles and source maps. While Chrome DevTools clearly shows the ...
0
votes
1
answer
78
views
Can I set "//# sourceurl" in chrome developer tools?
If in script tags of a html page are not "//# sourceurl" for debugging. Can I insert this in chrome developer tools in site code for debugging this javascript code.
Or is an other way debug ...
0
votes
1
answer
63
views
Super Dev Mode pauses on “invisible” breakpoints & then shows blank screen
I’m running GWT Super Dev Mode via ant devmode (with my main server already up in another terminal). The code server launches fine, and I click my “Dev Mode On” bookmarklet in Chrome. Compilation ...
2
votes
0
answers
95
views
How to avoid extra blank space at the bottom of PDF output using headless Chrome and CDP in Java?
I'm generating a PDF from a responsive web page (mobile version) using a headless Chrome instance and the Chrome DevTools Protocol (CDP) in Java. The goal is to produce a single-page PDF that reflects ...
0
votes
0
answers
53
views
Is it possible to inspect a WebContainer in Dev Tools console?
I'm new to WebContainers, and I'm following this tutorial by StackBlitz. I'm used to inspecting everything that lives in the browser using their dev tools.
Is it possible to inspect a WebContainer's ...
1
vote
0
answers
51
views
js sourcemap that maps a to t.a
I am developing a js code converter. here is a(much simplified) example input.js
let a=5
let b=6
const result = a + b;
console.log(result)
and the corresponding output.js
const t={}
t.a=5
t.b=6
t....
0
votes
1
answer
35
views
Cypress: jQuery in selectors - using Chrome dev tools the same way
I have the following html tree:
<grid data-cy="our-grid">
<div bla bla>
<div bla bla bla>
<input aaaa>
<div dsds>
<input bbbb>
...
0
votes
1
answer
75
views
Dictionary compression demo does not work
I understand that dictionary compression is shipped with Chrome 130 and later. I am trying to get the demo at https://compression-dictionary-transport-threejs-demo.glitch.me/ to work, but for some ...
1
vote
1
answer
44
views
Calling websocket.close(3000) via Chrome or FF dev tools is closing websocket with code 1000
I'm trying to simulate an unexpected websocket close to test the behavior of my application. I created a Tampermonkey script that allows me to do this.
// ==UserScript==
// @name Websocket ...
3
votes
0
answers
652
views
Can Chrome DevTools Content Overrides match HTTP request URLs using wildcards or patterns?
I'm using the Chrome DevTools Overrides feature to intercept and replace the content of HTTP responses. This works well for static endpoints, but I'm running into limitations when dealing with dynamic ...
1
vote
1
answer
201
views
Chrome DevTool inspector-stylesheet not editable anymore
Is it only me or since recently it looks like it is not possible to edit the inspector-stylesheet in the Chrome DevTool.
What was possible was to add a CSS rule from the Elements panel, by clicking in ...
0
votes
0
answers
28
views
Chrome DevTools local overrides api request not working
For general APIs, I found that local overrides are flexible and have a purple dot icon with a tooltip。
But for API with timestamp like this
/api/foo?t=1748245816715
it's not working, what should I ...
0
votes
0
answers
47
views
How to read the request initiator chain and request call stack in chrome dev tools?
I want to understand how the request initiator chain and request call stack are read. My understanding is that for the initiator chain, it shows the files which made the current request from top to ...
0
votes
0
answers
86
views
How to exclude items when analyzing memory leak in Chrome's Memory panel?
I suspect there's a memory leak on my web page.
Following online tutorials, I took two memory snapshots in Incognito Mode at different times. Here are the results:
It shows that memory increased from ...
68
votes
3
answers
56k
views
"/.well-known/appspecific/com.chrome.devtools.json"' request
I have an app with Remix and Prisma. On the server side console I get this error:
status: 404,
statusText: 'Not Found',
internal: true,
data: 'Error: No route matches URL "/.well- known/...
0
votes
1
answer
76
views
Is there a way to make Google Chrome open links with certain protocols in a new window?
I am using Google Chrome and Google Business suite for my email. I have registered a custom protocol handler for all mailto links in the javascript console from the business suite page using the ...
4
votes
2
answers
930
views
Is Chrome /json/version feature deprecated?
I used to debug Chrome with PuppeteerSharp. For that, I run Chrome with command:
"C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --profile-directory=&...
0
votes
0
answers
94
views
CORS issues in console while accessing different applications in chrome browser Version 135.0.7049.115 (Official Build) (arm64)
I'm frequently encountering CORS (Cross-Origin Resource Sharing) issues in Chrome when accessing various applications. The error typically looks like this:
Access to fetch at 'https://rr1--=sn-...
0
votes
0
answers
21
views
Remove file name, line number and duplicate messages from google Chrome
I followed this answer to hide the file name and line number in Chrome's console.
Recently (I'm using Chrome 135), I'm seeing the same message twice, once with no source, and another with "...
1
vote
1
answer
143
views
Next.js dev server shows only bundled code in Chrome DevTools under WSL, but shows original sources on native Ubuntu
I have a Next.js project checked out from the same repository on two machines:
PC running Ubuntu 22.04 under WSL2 on Windows 10
Laptop running Ubuntu 22.04 natively
On both machines:
I run the app ...
0
votes
0
answers
40
views
Does Chrome throttle the Commit process while CSS is changing during page load?
When using react-spring to run a spring animation on page load, it seems that chrome is throttling the Commit process. The spring animation updates the transform: translate3d(...) value in quick ...
2
votes
1
answer
494
views
What is "Run console task" in Chrome performance profiling
I'm seeing some very slow performance in my JS code in an electron app
I am trying to performance profile my application but the term that comes up is "Run console task"
I have attached a ...
0
votes
0
answers
30
views
Is there a way to get the Performance Section of Chrome DevTools to work inside an iFrame?
I'm trying to debug performance for a Shopify app, which only loads inside an iFrame.
DevTools only seems to "see" the frame components, but not inside the iFrame. Can this behaviour be ...
1
vote
0
answers
36
views
Nodejs heapdump bull memory leak
I have a nodejs cron in bull that runs hourly and seems to be consuming a lot of memory, I took multiple heap dumps and all have objects of size ~120mb, nothing increases/decreases. Found this in ...
0
votes
1
answer
116
views
Download multiple files using CDP command
I am trying to download a couple of files using CDP but when I fetch the downloaded file using Download.getLastCompleted, it gives me the first file ID only. So, I added a wait for it but it never ...
1
vote
0
answers
25
views
Why are there multiple calls on the flame-chart?
I console-logged to confirm that the $author$project$MainModule$view function is called only once for this click event. However, we can see it 20 times in this flame chart:
Last I used this report, ...
1
vote
0
answers
100
views
Node.js Debugger Not Connecting in Chrome (DevTools) via --inspect – Heap Snapshot Stuck on Loading
I'm running a Node.js application written in TypeScript. I use VS Code for debugging and run the app using ts-node, with source maps enabled.
I'm running the app with the --inspect flag and using VS ...
0
votes
1
answer
148
views
Why is the section displayed as generic in the Google accessibility tree? Shouldn't it be assigned the 'section' role?
The section element is displayed with a generic role in the accessibility tree below. When using the article element, the accessibility tree correctly assigns it the role of 'article'. But, for ...
1
vote
1
answer
237
views
NextJs does not log the fetch on the DevTool but it does on the terminal - Why?
Why can't I see the fetch log information in the Chrome DevTool, but I can see it from the terminal?
Context
I'm used to debug my NextJs app using the DevTool, also for the Server-side code.
So I run ...
0
votes
0
answers
106
views
How to use Chrome Dev Tools on iPad?
I opened my webpage in Google Chrome on iOS (iPad). Then I've added the page to the Home screen.
How can I debug this page? If it is opened directly in the browser, I can use chrome://inspect at least....
0
votes
0
answers
28
views
angular projects not loading library types from workspace library
the folders that are missing are esp/authentication.
The workspace tsconfig defines the path:
I have referenced the library in the Application Config application export.
as you can see the esp/...
0
votes
1
answer
90
views
I need to open Chrome devtools for node as standalone app
There is a command 'open-node-frontend' behind "Open dedicated DevTools for Node" chrome://inspect/#devices. I want to start this frontend devtools from cli as an application.
Ideally I ...
2
votes
0
answers
90
views
Fix violation from the google chrome console, Angular 18
I need to use only a number type in the input, Angular 18.
If I try to use
<input matInput type="number">
in google chrome I get a violation
[Violation] Added non-passive event ...
1
vote
0
answers
107
views
How can I override the root and sub-path in Chrome Overrides?
My app sends requests to the backend for both
/app/api/projects
and
/app/api/projects/:projectId
Using Chrome dev tools, I would like to override both calls to return my own list from /projects and ...
1
vote
0
answers
110
views
SeleniumBase disable download notifications
I'm using SeleniumBase in headless mode with xvfb support:
with SB(uc=True, headless=True, xvfb=True) as sb:
...
I have no Chrome window but sometimes I can see Download complete messages. What I'...
0
votes
0
answers
27
views
Chrome devtools: multiple JSESSIONID cookies for one domain
Under Applications/Cookies in Chrome devtools, there are multiple JSESSIONID cookies for one domain:
http://abc.mydomain.com
JSESSIONID cookies
JSESSIONID id1 abc.mydomain.com
JSESSIONID id2 ...