95 questions
0
votes
2
answers
2k
views
Some tailwind classes don't work in chrome inspect
I'm trying to develop the front end of my project using tailwindcss through the Chrome Inspect Tool. But the issue I'm facing is that some classes don't really apply in chrome inspect. I understand ...
1
vote
2
answers
3k
views
I don't see an Angular component in the developer tools for debugging in Chrome
I have this component working fine
But here I don't see it
Is in my app.module too
Any idea, please?
Thanks
0
votes
0
answers
333
views
Incorrect line numbers in Jasmine/Karma and Chrome debugger
When I run my unit test cases using Jasmine/Karma and debug the application in Google Chrome, when I set breakpoints and step through the application, the line numbers the application stops on are ...
2
votes
1
answer
2k
views
How to debug my Node.js TypeScript project in Chrome dev tools
I am trying to add a debug script in my package.json file. For a plain Node project this code works:
"debug": "node --inspect index.js"
And for Node TypeScript project I did this:
...
0
votes
1
answer
2k
views
How to handle chrome.debugger.attach errors? [duplicate]
In my extension I'm trying to attach debugger for given tabId, Here is my code
if(!attachedTabIds.includes(tabId)) {
chrome.debugger.attach({ tabId: tabId }, version, function(){
...
})...
1
vote
0
answers
157
views
Dependency Source Code Debug React Native
I am working on a local dependency/library for my react native app.
I want to debug that locally added dependency for a react native app in my chrome/Web Storm debugger. Debugger connection is ...
6
votes
1
answer
3k
views
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\...
0
votes
1
answer
330
views
Accessing in Chrome POST response body from Cloudflare Worker
I am trying to read a response from a Cloudflare Worker API, I have not set anything sepcial about it and in Postman the request works as expected. I am guessing I am missing some header but I am not ...
2
votes
0
answers
145
views
How to suppress "Readers took over 1500ms. Possible deadlock?" exception in DevTools-on-DevTools for a custom DevTools panel in my Chrome Extension?
To debug scripts in my extension's custom DevTools panel I open another DevTools window over this panel, as it is explained here. Then I return to my DevTools panel, and then, say, go to read ...
1
vote
0
answers
46
views
Values are shown on Double click of an variable in chrome debugger
Values are shown on Double click of an variable in chrome debugger! but not on hover..
Can anyone explain why the values are not shown on hover instead on double click?
values not shown on hover
...
0
votes
0
answers
328
views
Chromium consuming above 50% CPU and crashes while playing a video
I have built the latest stable version of Chromium (at the time of writing 100.0.4896.88) in debug as well as in release mode.
I changed the name and logo of the browser by making changes in some ...
2
votes
0
answers
111
views
Webpack source maps imported object highlighting in chrome debugger
We're implementing webpack build tools into our SPA project (which is quite big).
We're using typescript and the target of bundle is ES6 and ES modules system.
My question is about source maps ...
1
vote
1
answer
2k
views
Latest Angular Updates result in breakpoints not breaking. Circa versions 12 & 13
The previous version of package 'angular-devkit/build-angular': '0.1102.10', that being "0.1102.9", works fine and I'm able to access breakpoints in the browser like normal. But with '0....
3
votes
1
answer
5k
views
Cannot debug Vue app in Chrome with Visual Studio Code - Unbounded Break Points
I am trying to debug a Vue app using VSC. I have the following launch.json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more ...
1
vote
1
answer
829
views
How to inspect an auto-complete widget with chrome's inspector?
I am trying to use jquery-ui's autocomplete widget (1.12) and it looks weird.
I found this question that has some advice about style, version unknown.
Normally I would open the page in chrome, open ...
4
votes
1
answer
901
views
How to prevent React / React Native from automatically attaching a stacktrace to my console warnings in the React Native Debugger
I like to use the console to debug my React-Native (0.63.4) application.
For some time now, React seems to automatically add a stack trace to my console.warn and console.error logs.
For example, the ...
1
vote
2
answers
106
views
Cannot use css debugger for offline html files
I’m new here and to web development so forgive me if I’m asking such a simple question.
When I use a CSS debugger chrome extension, they work on websites but do not work on my local HTML file in the ...
5
votes
1
answer
2k
views
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 ...
0
votes
1
answer
681
views
Using the chrome.debugger library what is the proper syntax for sending a letter?
I have been successful in sending a a letter (or text string using this syntax):
chrome.debugger.sendCommand({ tabId: tabs[0].id },'Input.dispatchKeyEvent',{ type: 'keyDown', text: "b", ...
0
votes
1
answer
1k
views
Problem debugging in chrome after updating to angular 11
After I updated my angular 9.1 application to angular 11:
When debugging in one of the libraries chrome does not stop at my breakpoints. Other libraries and app can be debugged like before.
In the ...
0
votes
1
answer
4k
views
vscode on WSL - Chrome debug failing
I'm brand new to JS development and just started an introduction to JavaScript course.
I've edited this question as I have tried different approaches
I'm trying to use my Windows 10 machine with ...
1
vote
0
answers
761
views
Chrome developer tool freezes
I'm unable to debug my web page on local host. On opening the developer tool,and clicking the source tab.. It gets hang/freeze. For other sites like YouTube.. It's working fine. I read somewhere it's ...
4
votes
2
answers
17k
views
How to get console logs on Chrome mobile without usb debug?
I once came across an SO answer that gave a Chrome URL to navigate to, that had a button to "enable" JS console logging. After enabling the logging, that tab would show the console logs of ...
2
votes
0
answers
498
views
How to debug reactjs from command line and attach it to chrome debugger
I'm new to reactjs, I created a project using the init command, and run the sample using the npm start however I was wondering if there is a way to run it on debug mode and attach it to the chrome ...
5
votes
0
answers
780
views
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 ...
5
votes
3
answers
10k
views
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 ...
0
votes
0
answers
3k
views
Chrome extension simulate keyboard typing
Currently im working with personal chrome extension tool via javascript, im having a hard time with this payment form since the form inputs only accepts user input keypress. I already do some research ...
-1
votes
1
answer
1k
views
How to show object instance in Memory snapshot?
I am following this example to learn more about Memory Snapshots.
The example mentions, that hoovering over an allocated object should show the object instance, e.g.
This would be super convenient, ...
0
votes
0
answers
1k
views
Visual Studio Code - Javascript Errors Do Not Show File and Line
I am new to Visual Studio Code.
An error occurred in my javascript. In the console it said:
Uncaught TypeError: Cannot read property 'id' of undefined
But had underneath:
No debugger available, can ...
4
votes
1
answer
794
views
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 ...
0
votes
0
answers
235
views
How do I debug a web-page if there's some script running into stuck?
I have developed a web page with more than 10 external javascript dependencies.
The web page will load a file (via AJAX) and do some work.
However, when the page loads a file, the page got stuck ...
1
vote
1
answer
1k
views
Chrome developer tool how to profile webworkers?
I looked at How to profile web workers in Chrome? etc but the advise there is for older versions of chrome and now seem to be dated.
How can I profile the memory of a web worker (take snapshots and ...
2
votes
2
answers
543
views
Angular component reloads when pressing the Chrome debug tool rotate to landscape button
Using Chrome devtools, toggling between regular and landscape view on a specific phone/tablet (not responsive),
the app reloads the component and app.component.ts (constructor and ngOnInit)
QUESTION - ...
23
votes
0
answers
2k
views
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 ...
0
votes
1
answer
2k
views
Accessing object variables in Chrome debugger (VueJS debugging)
I am developing VueJS / Express applications, getting into more advanced web dev than I've done before. I use VSCode, and develop the back end and front end in the same project. I am able to use ...
0
votes
1
answer
499
views
how to decipher time visited to URL from the dump of chrome://sync-internal call
example data snippet: sZ:ADqtAZxSnZ6xU8hUKrEAL+OKQ9w4yLte28bSEP9+SCrrLOmiTiBj2Swrozz7K5ddA8uGGY0s/x+eMI7TR2SsjBa+kbzIlvH7gg==,,,,,,,,,,,Typed URLs,,{"typed_url":{"hidden":false,&...
5
votes
0
answers
256
views
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 ...
5
votes
0
answers
914
views
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 ...
21
votes
3
answers
26k
views
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 ...
0
votes
2
answers
6k
views
I can't run Chrome Debugger in VS Code on Linux Mint
Hi I've got a problem to run Chrome Debugger directly in VS Code. I'm working on Linux Mint. This is how my launch.json file looks like:
{
// Use IntelliSense to learn about possible attributes.
// ...
-1
votes
1
answer
1k
views
Getting overview of asp.net c# api calls
im currently debugging a larger asp.net mvc solution.
Now I'm pretty sure that a API call that is made serverside in c# is returning some kind of faulty value. The problem is though, the project has a ...
2
votes
0
answers
1k
views
How to fix error ''Cannot connect to runtime process" when debugging Angular application with Chrome in VS code?
I am trying to debug my Angular application using VScode. If I start my computer up, run the application and launch my debugger straight away it works fine.
The problem begins after I have been ...
1
vote
1
answer
1k
views
Animations doesn't work in debug mode | React-Native
I've got a really annoying bug for some time now.. and it's that animations doesn't work in the debug mode of a React-Native App properly.
It takes about 5s until they get executed.
In normal mode ...
2
votes
0
answers
575
views
Convert keyboard shortcut label to Input.dispatchKeyEvent (JavaScript)
I want to use the Input.dispatchKeyEvent API defined at https://chromedevtools.github.io/devtools-protocol/tot/Input/
An example invocation of this API is:
const eventArgs = {
'modifiers': 0,
'...
10
votes
1
answer
3k
views
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",
"...
3
votes
3
answers
8k
views
Debugging Vue In chrome does not showing the original vue component
I am new in Vue Js. I am developing a project in Laravel 7.* with Vue js.
My Vue Project Structure
app.js File contains:
require('./bootstrap');
window.Vue = require('vue');
Vue.config....
0
votes
1
answer
74
views
pypi cproto (chrome debugging client) hangs on exit
Using https://pypi.org/project/cproto/, attached to Chrome running headless in a Docker container, I find that it gets stuck from time to time (the example quoted below is not reliable -- you may need ...
1
vote
0
answers
593
views
Open source file in Electron DevTools in VSCode
I am running an Electron app and developing it with VSCode and I have my debugging setup connected to VSCode, so that I can debug break points both in the main process and the renderer process. When I ...
1
vote
1
answer
847
views
Is it possible to pause the chrome debugger on every console.log statement executed by the JavaScript code?
I would like to pause the Chrome debugger whenever a console.log statement occurs. Is this possible and if so how would it be achieved?
I know I can break on subtree modification etc. Something like ...
2
votes
0
answers
3k
views
Chrome Queueing Requests
Chrome Timing View
The image above show chrome spends most of the time queuing up the request. I am trying to figure out why that is happening to minimize it.
According to chrome developer documents:...