Questions tagged [google-chrome-devtools]

Chrome DevTools are the web developer tools built into Google Chrome.

Filter by
Sorted by
Tagged with
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 ...
Juan David H G's user avatar
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) ...
Jeanluca Scaljeri's user avatar
-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 ...
Tal Angel's user avatar
  • 1,254
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 ...
Dirk Boer's user avatar
  • 8,598
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 ...
Nabab's user avatar
  • 2,616
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 ...
Cesar's user avatar
  • 4,076
-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 ...
GaryAtlan82's user avatar
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 ...
Prophet's user avatar
  • 32.5k
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:
zok's user avatar
  • 6,194
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/...
M András's user avatar
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 ...
Ishrak Abir's user avatar
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 ...
COMMANDERY11's user avatar
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 -> { ...
Prophet's user avatar
  • 32.5k
-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 ...
Chuck Terry's user avatar
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 ...
Ric Barnes's user avatar
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 ...
WitVault's user avatar
  • 23.5k
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 ...
GAUTAM SARAWAGI's user avatar
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[...
HavanaSun's user avatar
  • 506
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 ...
James Gadge's user avatar
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 ...
Isra G's user avatar
  • 19
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 ...
Ary Guilherme Pires Caramez's user avatar
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 ...
javayhu's user avatar
  • 141
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 ...
MetalRick's user avatar
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 ...
ikaushan's user avatar
  • 1,827
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?
Matt's user avatar
  • 23
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) ...
Martitegui's user avatar
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 ...
Viewed's user avatar
  • 1,119
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 ...
hk1234's user avatar
  • 11
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 ...
J.doe's user avatar
  • 115
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 ...
alancc's user avatar
  • 463
-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 ...
Vibhor Bhatt's user avatar
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 ...
Travis Moerschbacher's user avatar
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 ...
Tamilnayagi's user avatar
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 ...
David Klempfner's user avatar
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 ...
David Klempfner's user avatar
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:...
ARJUN RAMASWAMY's user avatar
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 ...
Kyle's user avatar
  • 51
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 ...
Rimuru Yosaigi's user avatar
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&...
Abdullah Zaman Babar's user avatar
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 && ...
Xaxeth's user avatar
  • 13
-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 ...
Karcel's user avatar
  • 45
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('...
sam's user avatar
  • 39
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. <...
eternal novice's user avatar
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 ...
Neptune's user avatar
  • 11
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: /...
user1763684's user avatar
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 ...
CoderDave's user avatar
  • 935
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(...
Tobi's user avatar
  • 3
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=...
Pieter's user avatar
  • 1,761
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 ...
Norem's user avatar
  • 1
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 ...
GiulioM's user avatar

1
2 3 4 5
176