Questions tagged [chrome-debugging]
100 questions
21
votes
3 answers
Problem to run chrome debugger in VS Code
Hi I've got a problem to run Chrome Debugger directly in VS Code. I'm working on Linux Mint.
Now i try to run debugger and error message says: Unable to launch browser: "Unable to find Chrome version stable. Available auto-discovered versions are:…

AdrianeZ - programuj
- 253
- 1
- 3
- 8
18
votes
0 answers
Chrome debugger simulate memory limit
I am trying to debug out of memory issues when my JS code runs on an old ipad
Is there a way to set a simulated memory limit in Chrome dev tools so that I will get Out of memory exceptions etc when it is breached ?

kofifus
- 17,260
- 17
- 99
- 173
18
votes
1 answer
Enable remote debugging on Chrome by default on mac?
I am working on getting the VS Code debugger to attach to Chrome as part of my regular workflow.
I keep Chrome running all the time, and the highly-regarded VS Code Live Server extension opens my project in a new tab, which I like. I would like to…

Nat Kuhn
- 9,493
- 5
- 18
- 26
15
votes
6 answers
Javascript breakpoint not work in Visual Studio 2019 asp.net application
I recently upgraded from VS 2017 to VS 2019.
In VS 2017, when running an asp.net application locally, using Chrome, I could put a breakpoint in javascript code and the debugger would stop on the breakpoint. This no longer works in Visual Studio…

Tom Regan
- 3,580
- 4
- 42
- 71
10
votes
1 answer
ECONNREFUSED error with WSL 2 with Chrome Debugger on VSCode
I'm on a Windows 10 machine, VS Code with WSL 2 (Ubuntu 18.04) trying to use the Chrome debugger extension, but to no avail. The following is my launch.json:
{
"version": "0.2.0",
"configurations": [
{
"name":…

Khai Yi
- 101
- 4
8
votes
6 answers
Angular CLI 1.7.0 and Visual Studio Code - can't set breakpoints
I'm using the Chrome Debugger plugin in Visual Studio Code to debug an Angular application. After upgrading to use angular/cli@1.7.0, we can no longer hit breakpoints in the typescript code within VS Code while debugging. If we roll back to…

brow-cow
- 101
- 1
- 4
5
votes
1 answer
Framework Ignore List pattern for node_modules folder
Within chrome debugger, during a React Native debugging session, I can ignore individual files by right-clicking in the Source file editor and selecting Add script to ignore list. Not an optimal solution.
I know that I can exclude folders using a…

Mike S.
- 2,048
- 1
- 32
- 55
5
votes
0 answers
Not able to remove breakpoint in chrome dev tools - Nodejs Debugging
I'm debugging nodejs application using chrome dev tools. I can create breakpoint using single click while application is in debugging mode. However I have to right click and remove the breakpoint. I can't remove the breakpoint by single click again.…

IsmailS
- 10,797
- 21
- 82
- 134
5
votes
0 answers
Debugging a React Component Library in one vscode window while symlinked to a host application
Summary
I have a unique situation where we have created a (for lack of better term) "micro-ui" as a React component. The UI receives props so it can dynamically configure itself to work within several of our larger applications. Due to the nature…

Zen1
- 96
- 4
5
votes
1 answer
What is the significance, if any of port 9229, and can it be changed?
By default, I was taught, when I run a local Node server to run it on port 3000.
After reading a tutorial on the Chrome Node debugger which is set to inspect port 9229, I switched to this port.
Here is a similar Q / A on port 3000.
Here is the…
user11686545
5
votes
1 answer
Detect the code acting on an element in DevTools
I have a web-page with the open Dev/F12 Tools (in Chrome).
When the page is resized, one of the observed div's style properties is modified certainly by some JavaScript code (chrome displays modified properties in purple):
Is there a way to know,…

serge
- 13,940
- 35
- 121
- 205
4
votes
1 answer
Open remote debugging mode in an already open chrome browser
I am trying to open "remote debugging mode" in an already running chrome browser.
Here is the command I am executing:
chrome.exe --remote-debugging-port=9222 --user-data-dir="C:\Users\Ideal\AppData\Local\Google\Chrome\User Data"
But when I visit…

Syed Kazim Ali Shah
- 61
- 5
4
votes
0 answers
React Native network debugging does not work with GraphQL
I am using React Native Debugger for debugging my React Native application. But when I am trying to inspect GraphQL queries (sent by Apollo Client) I have Nothing to preview in debugger's Preview window. No errors, no communicates why it happens. It…

Sheppard25
- 493
- 1
- 7
- 22
4
votes
3 answers
Angular 11: How to debug the variables inside the html?
The use case
I would like to debug the variables inside the html code of my Angular 11 web app.
I manage to get the ctx.ngForOf variable but that all I can do.
Something is missing in my procedure but I can't find what is missing.
Thank you for the…

Abdelkrim
- 2,048
- 5
- 30
- 44
4
votes
1 answer
Chrome debugger jumps to wrong file on breakpoint
I got a vue-js application with multiple components called index.vue, some nested, loaded at the same time. When I set a breakpoint in Chrome inspector in one of the index.vue files, the debugger halts correctly but opens up the wrong index.vue…

BrrBr
- 965
- 1
- 8
- 16