Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [google-chrome-devtools]

The Google Chrome DevTools is a set of developer tools integrated into Google's Chrome browser. Use this tag for questions related to the usage of Chrome's Developer Tools.

0
votes
0answers
6 views

Chrome's devtools, device toolbar resolutions are weird

so im new to web development and im trying to make my website responsive to mobile devices, i heard chrome's dev tools can simulate devices based on their resolutions. but heres the thing chrome has ...
1
vote
0answers
10 views

Unexpected keypress behavior with Chrome Devtools

This is one of those that's very difficult to Google, and also extremely frustrating. With Chrome Devtools Console open, when I begin to type the word var, when I press the a in var, the Devtools ...
0
votes
0answers
4 views

Google chrome does not display errors

I have an angularjs application, it seems that google chrome stopped reporting some errors. I am adding a random method call that is not exist. randomMethodCall() but I don't get the method is not ...
0
votes
0answers
33 views

Chrome is reloading the page on each CSS change in devtools

Editing the CSS in devtools is quite a practical functionality that does not work for me : Each time I enable/disable a class or try to write a CSS value, the whole page reload on each key-press in ...
0
votes
0answers
29 views

Fully reload hidden tab in Google Chrome while devtools open

When web developing I often have in Google Chrome a detached Devtools window a focused tab that is different from the one connected to the detached Devtools When I reload the tab from Devtools, the ...
0
votes
1answer
21 views

Chrome shortcut Command+Shift+M to activate the “Device Toolbar” doesn’t seem to work in macOS

I am running macOS High Sierra (10.13.6) and using Chrome (71.0.3578.98). I am a web developer and want to quickly activate the "Device Toolbar" via a keyboard shortcut so I can toggle between views ...
1
vote
0answers
17 views

How to view chromes' local storage data of previous installation for certain website?

There was a website I used to note things online that required no login and recently I have reinstalled windows though i still have old program files. THIS is the the website now in current ...
0
votes
0answers
12 views

How to prevent Chrome devtools from showing ellipses when debugging?

When I'm debugging in Chrome I have to click on every property of an object that I want to check out: VSCode gives a much more helpful output: Is there a setting in devtools to get it to behave more ...
1
vote
2answers
26 views

Chrome console show object properties instead of DOM tree

I am used to work with Firefox as it has quite a much useful features. However I need to start working with chrome and it is a struggle What I need is to show propertes of an object in console. How ...
2
votes
1answer
107 views

Is there a way to directly open Chrome's “dedicated devtools for node”?

I use FireFox for my daily browsing; so the process of getting a Node inspector running is somewhat annoying: Launch Chrome Manually visit chrome://inspect, because it refuses to set a builtin page ...
1
vote
1answer
97 views

blocked third party cookies on google chrome but i can still see the 3p cookies being set

I've disabled third party cookies on google chrome but i can still see the cookies being set in the DevTools application tab. I loaded a web page, it led to cookies being set for various domains. ...
1
vote
1answer
46 views

How to prevent chrome debugger from stepping into empty files in javascript

When I put a breakpoint on some code written which uses external libraries, Chrome debugger seems to step into blank pages and I get lost and can't debug further because of that. Is there some way to ...
1
vote
0answers
20 views

How to turn off Chrome DevTools console's autocorrect, so it merely suggests alternatives instead of changing what I type?

Chrome devtools has for a while had a handy auto suggest feature. For example, when I type data, it suggests other things I might want to choose that start data. However, with a recent update, it ...
4
votes
3answers
675 views

Console in Chrome Devtools doesn't clear on refresh after update 68

After the version 68 update a couple weeks ago, my console in Devtools no longer clears after refreshing the page. Here are the console settings: So unless I'm misunderstanding something, the console ...
0
votes
0answers
30 views

Disabling devtools remote device gesture control

If I'm inspecting a site using the devtool's remote device, the device emulator takes over gesture control. No swiping, tapping or even scrolling works. How do I disable the emulator and give control ...
0
votes
1answer
32 views

Is there a way to customize the file browser in google chrome?

It has such a plain white background and it looks like it's from the 90s. Is there an extension or easy hack to make it sleeker?
0
votes
1answer
147 views

define keyboard shortcuts for chrome developer tools commands

I need a faster way to invoke the copy command, currently I am using the context menu in the chrome developer tools as shown in this picture: But, I was wondering if there is a faster way of ...
1
vote
1answer
44 views

How can I search specific word while editing html tags as HTML with chrome dev tools?

I am trying to search specific word while editing element as HTML. When I try to search with Ctrl+F hotkey on Chrome developer tools menu, element quit from editing just like this: https://imgur.com/...
0
votes
1answer
1k views

Unable to see Request Payload in Chrome Network tab

I'm using Windows 10. When I open up my Chrome devtools, go to an XHR request, and click on the Headers, I only see these three things: Any ideas why I'm not seeing a Request Payload anywhere? I'm ...
0
votes
1answer
407 views

How to Wget login on this website

I am trying to wget postdata login on this website using the following command but something is missing: wget --no-check-certificate --save-cookies cookies.txt --keep-session-cookies --post-data "...
0
votes
2answers
88 views

Google Chrome reverted to old style [duplicate]

Needed some help with my Google Chrome, which randomly reverted to this pre-material design style. It happened a few weeks ago and have tried lots of methods to fix it but nothing worked. I also have ...
0
votes
0answers
14 views

Is it possible to store details from inspector's network tab in a file or in a console?

I am doing some benchmarking and I need to know what are the timings for the consecutive page load (total time and TTFB). Currently, I am writing it all in an excel file manually, but this seems so ...
0
votes
1answer
64 views

Keyboard shortcut to go back to the Console after hitting a breakpoint

Is there any keyboard shortcut to go back to the Console in the Console Drawer after hitting a breakpoint? Pressing ESC works if the Console Drawer is not open yet, but if it is already open, I need ...
2
votes
1answer
604 views

Using “open in new tab” fails to post data, debugging XHR requests with Chrome 'Developer Tools'

I'm trying to debug an ajax request that POSTs data by inspecting the output of the request. The 'network' tab fails me as it states, "Failed to load response data" - I assume since it's a stacktrace ...
1
vote
0answers
48 views

Chrome DevTools: how to change order of snippets?

By snippets I mean: Sources tab > Snippets left panel. I wonder if there's another way to change their order since drag & drop does not seem to work (at least, locally on my Chrome 61).
2
votes
1answer
76 views

Will i get a notification if supervised user power wash my chromebook?

I have a Chromebook that my little brothers use as supervised users. I am away, if they were to power wash it would i be able to know about it without going home and looking on it? Does it send you a ...
1
vote
0answers
11 views

Is it possible to save/share a link to a specific element in dev-tools inspector?

It would be nice to be able to easily point someone to a specific place in the Elements pane of the Chrome dev-tools for some specific url. I can navigate to the url, right-click to inspect an element,...
1
vote
0answers
65 views

Keep source files from collapsing in Chrome developer tools with refresh

Every time I do a refresh in Chrome with developer tools open, it collapses the Sources tree and I have to navigate down the tree to my source file again. How do I keep my tree open - and even more ...
0
votes
1answer
403 views

List of Chrome devtool experiments?

When I got to chrome://flags/ on chrome I get a list of options I can turn on. One of these options is Developer Tools experiments. I'm looking for a list which shows all the current dev-tools ...
0
votes
2answers
428 views

Samsung Chromebook 2 Enterprise Lock

I want to disable the Enterprise Lock that is put on my Samsung Chromebook but for the life of me I unable to. I tried following the instructions here to no avail: https://superuser.com/a/1142803 I ...
0
votes
1answer
194 views

How can I enable event watchers on a specific JavaScript file on Chrome Developer Tools?

I have the need to know which JavaScript function is being called inside a file when I press a button. My problem is that I have a very big JavaScript file and I don't have any documentation about it. ...
-1
votes
1answer
51 views

published chrome extension in web store and its not available in web store [closed]

Recently I published a chrome extension in web store and its not available in web store. Add to chrome option is not enabled when I share the web store link of the extension with others. Can anyone ...
1
vote
0answers
716 views

Chrome dev tools are slow

When I use Chrome dev tools it is unbearably slow. The scrolling in a source file (JS) takes cca 1s before jumping to next location. Selection of a text in source file takes also cca 1s. I had to ...
2
votes
0answers
151 views

How can I see elements and sources as a split window/separate windows?

I'm using chrome resource mapping to create/modify my .scss, and my work flow is using the element picker to find the element I'm looking at, then modifying it in my source files. Can I have both ...
0
votes
1answer
141 views

how to mass change chrome custom search engines

Background I use chrome custom search engines very often (i wrote a post about how to copy search engines from one profile to another here). Problem I recently switched from github to gitlab, and ...
0
votes
1answer
840 views

Wireless debugging Android Chrome app on desktop (Mac) Chrome app

Pre-story: Nexus 5X has USB-C to USB-C cable out-of-the-box which is obviously not compatible with USB-A without any addition equipment (USB-C to USB-A cable). Both of the mentioned above cables seem ...
1
vote
0answers
79 views

Chrome - Reload page and retain selected element in DevTools

I'd like to have Chrome DevTools automatically re-select the currently selected element (if it still exists) after I reload the page. Is that possible?
1
vote
1answer
4k views

Cannot Edit A file on Source tab of Chrome Dev Tools

I'm trying to edit the javascript function inside an HTML page before it gets called. I can't edit it under source tab. I can't backspace or edit it. Nothing.
2
votes
2answers
912 views

Using Chrome to create AdBlock/UBlock rules

I want to learn how to use Chrome devtools to create my own custom adblocking rules according to Ublock/Adblock syntax. Now before I do that I need to figure out how Chrome's dev tools work. Observe ...
0
votes
1answer
328 views

How to disable Kaspersky repetitive null requests showing on Chrome's Network Developer Tool?

Kaspersky creates repetitive requests appearing annoyingly on the Developer Tools > Network on any webpage I try to analyze. I'm looking for disabling Kasersky requests to appear at all. That is to ...
0
votes
1answer
135 views

how to copy properties from one google chrome user to another on OSX

I'm a big user of chrome (switch person) feature: i'm also a heavy user of chrome's custom search engines so it's very common for me to have like 100 different search engines for a specific chrome ...
5
votes
2answers
3k views

Chrome devtool console drawer showing automatically

I'm having a problem with the console drawer on Chrome dev tool. Every time there's an error on the page, it popups automatically. I would like to disable this feature. I know about the esc key to ...
2
votes
0answers
96 views

Enabling Device Emulation in Chrome without opening Dev Tools before

I use Device Emulation in Chrome several times in a raw daily for dozens of tabs. Is there a way to enable/disable Device Emulation through a Shortcut or not, without having Dev Tools opened before ? ...
2
votes
1answer
69 views

Prevent extensions from logging to the Chrome console

Is there a way to prevent Chrome extensions from logging to the Chrome console? I have a number of extensions installed (Vimium, Stay Focusd, etc.) which all log their loading of JS assets as XHRs in ...
0
votes
1answer
867 views

Is there a shortcut to toggle “display: none/block” in element's style in Chrome DevTools?

In Chrome DevTools there is a shortcut to show/hide an element: Chrome adds __web-inspector-hide-shortcut__ class to the element, but it is nothing more than visibility: hidden: Is there similar ...
4
votes
0answers
2k views

How to remove the alert Disable developer mode in Chrome

I use my custom unpacked Chrome extension and I don't want to upload it to the Chrome Web Store. But every time when I open the Chrome browser I get the alert "Disable developer mode extensions". How ...
0
votes
1answer
267 views

What is the hotkey to scale up In Chrome Devtools Inspect Element when device mode is toggled to mobile?

When using Chrome dev tools and inspecting an element we have the option to toggle device mode. When we are viewing a mobile device in the top right corner there is a 'Scale Up' plus button. In the ...
22
votes
1answer
2k views

Chrome debug tooltip having scrollbars

There seems to be a scrollbar permanently in the tooltip when I hover over variables in Chrome's debug view. This makes debugging very difficult. I have installed the latest Chrome update, but the ...
1
vote
1answer
771 views

How can I find out if a document has focus in chrome developer console

I am trying to see if my document has focus using this API. https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus So what I am doing is load my page and the in Chrome developer console, ...
1
vote
1answer
864 views

Chrome devtools: How to change the touch emulation pointer shadow color

The devtools in Chrome/Chromium provide a device emulation for hand-held devices with touch screens. In this mode, the mouse pointer changes into a circular "shadow" to emulate a finger tip. The ...