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:…
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…
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…
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":…
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…
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…
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…
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…
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…
1
2 3 4 5 6 7