Questions tagged [google-chrome-devtools]
Chrome DevTools are the web developer tools built into Google Chrome.
8,754
questions
0
votes
0
answers
14
views
Angular + Overrides Chrome DevTools
I am trying to use the Chrome DevTools feature Overrides with an Angular project, but I'm not being able to do it.
I have sourcemap configured, so I can make use of debugger to setup breakpoints, but ...
0
votes
0
answers
20
views
Open dropdown in DevTools which only works if the tab is active
I have an issue where I try to open/activate a dropdown/select programatically using DevTools. This doesn't sound hard, but I have a case now where I cannot get it to work properly. The site (ReactJs) ...
-2
votes
0
answers
10
views
Chrome dev tools docking is locked
Sometimes when I use Google Chrome, I open the dev tools by pressing F12.
Then, I try to set to docking to be outside ("unlock in separate window"). This option is stuck and I get no ...
0
votes
0
answers
12
views
Is it possible to disable Image Preview in Chrome CSS / debugger
Naturally I move my mouse if I want to inspect, change or copy values.
If you coincidently hover over an image you get this huge preview that blocks the whole interface.
Anyone found a setting to ...
0
votes
1
answer
54
views
Debugging javascript: Why having Chrome performance tools on makes the page faster?
I am working on a web components library and I get a slowness problem on my tables (grid) that I am trying to debug.
When I test my page, the 500 rows table construction takes 11 seconds. Now if I ...
0
votes
0
answers
8
views
Can I use chrome devtools html formatter standalone?
Is there a way to use the chrome devtools html formatter standalone?
I want to compare 2 html string for differences but ignoring non-significant white-space
I have some html string that I would like ...
-3
votes
0
answers
38
views
What is a simple website with basic JS features for use with DEV Tools? [closed]
I have been watching a course on The Dev Tools found in various browsers. I am really amazing with it and want to get good at it.
I want to practice with it but its hard with the websites I have been ...
0
votes
0
answers
45
views
Unable to start Network Logging on remote driver. org.openqa.selenium.remote.http.ConnectionFailedException: Unable to establish websocket connection
I'm trying to validate certain browser network activity with Selenium 4 and Java.
Using the latest Selenium version.
It works just perfect on local machine but fails when trying to do that on Jenkins ...
0
votes
1
answer
12
views
How to hide the "console tab menu" in Chrome DevTools
Is there any way I can hide this menu? It takes too much space on a laptop, especially when I want to have the console window and network tab simultaneously on the side:
0
votes
0
answers
4
views
Is it safe to use --blink-settings=imagesEnabled=false for e2e automation tests?
According to your experience, is it safe to use --blink-settings=imagesEnabled=false for e2e automation tests?
See the param in
https://chromium.googlesource.com/chromium/blink/+/master/Source/core/...
0
votes
0
answers
36
views
Unable to send innerHTML using chrome.scripting.executeScript in Chrome Extension
I'm developing a Chrome Extension that aims to capture the innerHTML of the current tab's page when a button is clicked in the extension popup and send it to a server. However, I'm encountering an ...
1
vote
0
answers
28
views
My website is responsive on codepen but not locally. How do I fix this?
[]
(https://i.stack.imgur.com/8qIQ4.png)
As you can see in the images on this post, my website running locally versus on codepen are mysteriously displaying two seperate results to nearly the same ...
0
votes
1
answer
41
views
Perform value validation with lambda expression
I need to perform validation that specific String is appearing in DevTools traffic (Selenium 4 / Java)
I saw several examples like this:
devTools.addListener(Network.responseReceived(), entry -> {
...
-1
votes
0
answers
47
views
What does the yellow/grey property color output of console.dir() represent in DevTools? [duplicate]
[EDIT] Question is a duplicate, I missed the prior questions due to purple being used in light mode theme. See answer On this question. I have reworded this question's title to include the dark mode ...
0
votes
2
answers
22
views
Can I optimise my React App reconciliation for performance?
I am optimising the performance of my React app. Most state changes seem to result in the following "Timings" in the chrome devtools performance tab:
As you can see, a fair chunk of time is ...
0
votes
0
answers
7
views
Chrome dev tools showing weird numbers during performance profiling
Chrome dev tools profiler is behaving randomly weird and showing incorrect numbers during performance profiling, have someone faced similar issue recently?
I tried re-install and system restart ...
0
votes
0
answers
26
views
Youtube content script loads but render inside the DOM after doing a reload [duplicate]
I am trying to build and extension for youtube for which I need to manipulate its DOM. The Dom manipulation thing works but not the first load but after reloading the page for once.
The code for my ...
0
votes
0
answers
26
views
Simulate Enter/Submit key press JavaScript
I'm confused how something that simple can be so complicated.
Lets take the StackOverFlow search box as an example.
Its an Input field I target with:
const inputElement = document.querySelector('input[...
1
vote
0
answers
44
views
Why does the preflight request appear to be sent after the actual request?
This is weird, hope someone with experience can let me know why.
So I'm using AWS API Gateway to create a lambda proxy. I added CORS preflight to the root of the API.
However, when I try to call such ...
0
votes
0
answers
13
views
I hid VsCode ''previewer'' on Chrome Developer tools and JavaScript code doesn't get returned in the console
I was doing some JavaScript exercises using Live Preview and I clicked by mistake on an option called ''Hide vs-code...'' right above the ''Clear console'' option, and now if I type any code on Vs ...
0
votes
0
answers
8
views
how to get dataLayer of a current opened tab with content.js of google chrome extension? [duplicate]
I'm trying to make a Google Chrome extension to analyze a website's data layer in the main tab.
Can anyone tell me if it is possible to get the main tab's dataLayer using content.js, script or another ...
0
votes
0
answers
32
views
why failed to load module script error when hosting chrome devtools frontend by Nginx?
I'm developing a frontend app with Vue.js, and I want to embed Chrome DevTools frontend into it, but I met with an error when navigating to /devtools/inspector.html after I finished it.
Firstly, I ...
0
votes
0
answers
18
views
Can I deactivate the tooltip, that shows when I hover over an img-url in devtools code-window?
Can I deactivate the tooltip, that shows when I hover over an img-url in devtools code-window?
tooltip
The tooltip always covers the code. And if you have many imgs in your doc, it always shows ...
0
votes
0
answers
13
views
Chrome Dev Tools Network panel does not show pending XHR requests issued by a Chrome extension
I have a Chrome Extension that is issuing XHR requests.
The network panel in Chrome Dev Tools is not showing pending requests issued by that extension. The requests only start showing up when they ...
0
votes
0
answers
17
views
In chrome memory snapshot, what does the number next to constructor mean?
I took a memory snapshot of my app (react, mobx, threejs). What exactly does the number 'x4' next to 'Game' mean - that 4 were made, or 4 are alive right now?
0
votes
0
answers
16
views
Hotjar not launching cause of suspicious userAgent
Got this with Chrome 116 and 117 and chromedriver 116 and 117, any idea why is this happening?
"Hotjar not launching due to suspicious userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) ...
1
vote
1
answer
150
views
How to find reason of memory leak when using browser notification?
I need to show notification via browser extension. The code below is reproduce example outside the extension. Can you explan why memory usage doesn't decrease after notification close?
Allow ...
0
votes
0
answers
21
views
Can changing a function inside a script tag in an html page using chrome developer tools work?
I am learning about websecurity particularly xss. Although I have done server side sanitization, I wanted to know upto what extent can client side sanitization protect me. So I am using DOMPurify for ...
0
votes
0
answers
23
views
Prototypes chain differences between Firefox and Chrome console [duplicate]
When we try to log a custom prototypes chain, made with custom constructor functions, the Chrome console will display it in a very illogical way.
Here is the code where I create two constructor ...
0
votes
0
answers
7
views
How to debug the distorted image in real iPhone 12?
I find a strange issue. When loading a page in my iPhone, the image is distorted, as below:
However, if test in Chrome DevTools, the the image will NOT distorted any more, as below:
How to solve ...
-1
votes
0
answers
44
views
Selenium Web Scraping: Element not found through Xpath through Chrome_websdriver
Twitter Log Button I am Scraping a website to login to my account for development but I am not able to
access a button element through the Xpath because my chrome development tool gives me somehow a ...
0
votes
0
answers
14
views
Is there a way to position the console and network panel side by side
I'm wondering if it is possible somehow to get the console to show on the right side of the developer tools panels so that I can review console logs next to say the network panel (IE Side by side and ...
0
votes
0
answers
25
views
Signout issue adf application in chrome browser Content Security Policy of your site blocks some resources
Problem Summary
Signout issue adf application chrome Content Security Policy of your site blocks some resources
Problem Description
I have an adf application with jdev12.2.1.4 which is deployed in ...
0
votes
0
answers
19
views
Why don't all Set-Cookie headers appear in the Cookies tab in DevTools?
I'm logging in to my Identity Server .NET Core app running locally.
I can see there is a Callback redirect, and the response contains 5 Set-Cookie headers:
However, when I look in the Cookies tab, it ...
0
votes
0
answers
8
views
Cookies for different domains showing under the one URL in Application -> Storage -> Cookies
I have two apps running locally:
Identity Server (localhost:44349)
ASP.NET Client app (127.0.0.1:44300)
I've set up a binding to access the client app using the home IP address in order to prevent ...
0
votes
0
answers
23
views
While running my program the chromium driver doesn't start
Running my program the terminal throws the following error
DevTools listening on ws://127.0.0.1:63762/devtools/browser/0e266bb1-5a0e-4403-be15-e114d23b155a
[0907/105719.182:ERROR:...
0
votes
0
answers
30
views
Material UI CSS injection order
I want the order of my styles to be...
Styles from the <CssBaseline> component.
Styles generated by Emotion that Material UI produces.
My own custom stylesheet.
Here's a simplified version of ...
0
votes
0
answers
25
views
how to toggle mobile emulation through javascript/react?
I am creating a fun little project for myself that I do not intend to publish.
I am looking for a way to automate something but I am having a bit of trouble because what I want to do requires me to ...
0
votes
0
answers
30
views
How to set a proxy on chrome's remote debugging port in Selenium?
I'm running a chrome instance using cmd as follows :
chrome.exe --remote-debugging-port=8798 --user-data-dir="C:\Users\HP Elitebook\Desktop\Projects\Project Gmail\chromedriver-win64\localhost&...
0
votes
0
answers
22
views
typing the command "chrome.devtools.network" in console tab in chrome dev tools throws an error
I am trying to using this function inside the dev tools:
chrome.devtools.network.onRequestFinished.addListener(request => {
request.getContent((body) => {
if (request.request && ...
-1
votes
1
answer
68
views
How to wait for Requests to finish using Selenium CDP
I want to use CDP (or any other way) in java to dynamically wait in Selenium until specific requests are fully served. Normally I am waiting using FluentWait for specific elements to be seen on page ...
0
votes
0
answers
9
views
DevTools failed to load sourcemap System error: net::ERR_BLOCKED_BY_CLIENT [duplicate]
Making a chrome extension. Using typescript and bundling using webpack. Having trouble with my content.bundle.js not having color highlighting.
Here is my webpack configuration
const path = require('...
0
votes
0
answers
51
views
Break on attribute modifications not working
I would like to check which js changed an element using DevTools, but I don't know how.
I right-clicked on the element and added Break on attribute modifications, but there was no response.
<...
0
votes
0
answers
10
views
Switch page in Chrome DevTools
When I open Chrome DevTools and then open a new tab (page), DevTools doesn't switch to that tab.
Is there a way to make DevTools use the new tab or do I need to open a new DevTools window for that ...
2
votes
1
answer
39
views
Deno: How to run shell command and read output before child process completes?
How do I launch a child process (via shell) and read its output without (before) the child process returns?
I"m launching Google Chrome via the Mac Terminal with the following command:
/...
0
votes
0
answers
37
views
Chrome DevTools Keeps Closing (Crashing?) On Mac (Ventura 13.5.1)
When I open up DevTools (either from the keyboard shortcut or from the menu), it opens up for a second and then closes. It might be crashing, but I'm not sure.
I've tried incognito mode. I've tried ...
0
votes
0
answers
27
views
Timestamp of 'responseReceived()' in Selenium DevTools
While using Selenuim i want to analyse all responses. Therefor i am using the chrome devTools.
import org.openqa.selenium.devtools.v109.network.*;
I am using this Listener setup:
devTools.addListener(...
0
votes
0
answers
35
views
Why does Chrome (or Edge) not log the response if it contains a head that changes the location
Upon requesting GET /, the server sends a 200 response to kickoff an authentication flow.
The body of the response is the following:
<html><head><link rel="shortcut icon" href=...
0
votes
0
answers
22
views
ChromeDevTools SetVariableValue: how change object property? array cell?
How to change an object property using the ChromeDevTools?
I ran the following code on nodejs with debugger support:
function test() {
var obj = {
"my_prop": 1
}
return ...
0
votes
0
answers
21
views
setItem in sessionStorage in Chrome not work if I click the URL in suggested url in address bar, but yes if I open DevTool before click on URL
Description:
I have a react application that launches a setItem function in the sessionStorage on its startup, but this doesn't always work as I expect.
Functioning behaviors:
if I copy and paste the ...