All Questions
Tagged with google-chrome-devtools firefox-developer-tools
149
questions
2
votes
1
answer
42
views
How to add breakpoints for custom events?
If I want to debug standard DOM events, the browser dev tools make it easy to have Event Listener Breakpoints.
But now I need to debug custom events that are created with CustomEvent("foobar-...
1
vote
0
answers
28
views
LevelJS when in browser with IndexedDB as a storage shows arrays of bytes instead of JSON or readable object representation
I instantiate and populate the LevelJS abstraction as follows:
import * as level from 'level';
const defDb = new level.Level('def', {valueEncoding: 'json'});
defDb.put(keyObj, valueObj);
and what I ...
1
vote
1
answer
78
views
Can Firefox/Chrome developer tools' console.log truncation be turned off?
Is there a browser setting to increase the length of or disable the dev tools' console.log truncation length?
I'm asking this question because I'm looking for a workaround to this Firefox bug that ...
0
votes
1
answer
71
views
How to determine where a global variable is set in JavaScript
I'm working inside a function and according to the developer tools in Chrome and Firefox there's a global variable that appears to have the data that I need. However, I don't know where it's coming ...
-2
votes
1
answer
48
views
Security tab on Chromium developer tools missing
I'm trying to track down a download speed issues on flightsim.to website. Download speeds in Firefox are 16MB/s, whereas in Chrome and Edge they are 1500 KB/s.
In Firefox dev tools I see a Security ...
1
vote
2
answers
134
views
Why don't image load requests show up in network requests for me?
I need an explanation on how browsers (Chrome/FF) load CSS images.
According to my current knowledge, images used by CSS as background-image, appear in the network tab as requests, with according CSS ...
0
votes
0
answers
39
views
How to prevent the escaping of ampersands when copying elements from DevTools
I'd like to copy the source for several elements from some dynamically-generated web pages. Using the Elements panel in DevTools to do the copies gets me so far, but the entire output has ampersands ...
2
votes
1
answer
188
views
How to break on a *later* subtree modification in DevTools on github.com
Webpages of forked GitHub repos display info such as "This branch is 10 commits behind". This used to be static HTML, but now that text appears with a delay. Specifically, a <span> is ...
0
votes
1
answer
53
views
Identifying the domains implemented in Firefox RDP which is subset of the Chrome DevTools Protocol (CDP)
Firefox implements the Remote Debugging Protocol (RDP), which is a subset of the Chrome DevTools Protocol (CDP). You can find detailed information about RDP in the official documentation.
Some methods ...
1
vote
0
answers
1k
views
How to force Chrome to use HTTP/1.1 for a particular Website?
Whenever I am visiting a particular website via same chrome version on 2 different windows machine the protocol in network tab is showing different protocol versions.
Here, I can not post the website ...
1
vote
0
answers
67
views
Creating a tab from inside a devtools extension returns successfully with a tab id of -1
I'm working on a devtools extension. Inside the JS code of a devtools panel I'm trying to create a tab; the tabs.create function returns successfully but the new tab id is -1 and, of course, no new ...
1
vote
2
answers
782
views
How do I load NPM packages in browser dev tools console?
Doing it this way:
const _ = await import('https://unpkg.com/lodash')
gives me a strange object with single Symbol(Symbol.toStringTag) prop valued "Module".
Note 1: I'm aware of the trick
...
0
votes
0
answers
66
views
Discrepancy in Performance Timings between Chrome and Firefox for React App Rendering
I'm facing an issue while trying to measure performance timings within a React app. I've created a simplified version of the app specifically for accurate measurement, as my main application is much ...
0
votes
0
answers
192
views
Filter network requests by content in FF/Chrome
Is there a way to filter the network requests in FireFox or Chrome's developer tools, by content?
My issue is that there are many requests to a /graphql endpoint, that all have the same URL and type. ...
-1
votes
1
answer
297
views
Script To Tick all Boxes using Chrome
I am using the script below to tick all checkboxes on chrome (Dev Console), within the exception to not selec few boxes.
It does work on chrome and tick the boxes I needed, but when I hit submit ...