I have a chrome browser open. I press f12 and nothing happens. I click the three dots at the top right, click More Tools, click Developer Tools, and nothing happens. The Developer Tools options is not grayed out. There is no icon in the task bar so this isn't a "hidden window" issue. I've restarted Chrome. I've rebooted and I've uninstalled/reinstalled Chrome. I'm on Chrome version Version 89.0.4389.82 (Official Build) (64-bit) and Windows 10 Version 1909 (OS Build 18363.1440). What steps can I take to resolve this.
UPDATE: Using chrome task manager, I do see that the dev tools process is being kicked off and running, it's just not visible in any way.
UPDATE 2: If I run in incognito mode, devtools works. I have already disabled all extensions and cleared all site data (cookies and files). Still nothing for devtools in non-incognito chrome.
Related
Auto-open DevTools for popups is a feature in den Dev tools of Chrome.
I've checked this functionality in dev tools settings, but it just won't work.
Tried it with latest Chrome build (52), Canary and Chromium, same problem.
I've restarted Chrome, PC, tried it with opened Dev Tools and without.
Only thing which is working is to add the "--auto-open-devtools-for-tabs" flag in the Chrome startup options.
Are there any known bugs about this? It is a little it annoying to add/remove the flag everytime.
Or any other ideas about this?
Thanks
Bene
There seems to be some kind of bug with the console drawer. The drawer refuses to go down all the way. When I go the the actual console tab, it will go down all the way.
I am on Windows 10 and latest version of Chrome.
As you probably know, Chrome Dev Tools has the same icon as browser itself. In order, to increase productivity I would like to change it's icon, so it will be easier to find it in the taskbar.
Thanks in advance.
Give this a try:
Open up Chrome and then open up developer tools in another window so that you have two Chrome icons on your taskbar. Right click the devtools one and Pin to taskbar.
Right click on the newly pinned icon, right click on Google Chrome (2) and properties.
Under Shortcut->Change Icon, pick something else. Then 'OK' out.
You'll need to restart explorer.exe, so open Windows Task manager, kill explorer.exe and restart it.
You'll now see two different icons.
Do this: Start regular Chrome. Then CTRL+Shift+i and it should open devtools as the new icon.
Unfortunately, clicking the devtools icon initially will not open devtools on startup. Supposedly you can change the properties to start using chrome.exe --args --auto-open-devtools-for-tabs but I was unable to make that work.
YMMV with your operating system but this works with Windows 7. Hope that helps.
Note: If you're using Windows 10, you won't see explorer in the task manager by default, you have to click "More details" on the bottom and switch to the "Details" tab.
Alternatively, open PowerShell and type:
Get-Process explorer -ErrorAction SilentlyContinue | Stop-Process
This will kill explorer, and windows will automatically restart it
This answer may be a nice work around for non-Windows users who are debugging from Visual Studio Code. It uses Chrome's Canary build for debugging. It has a different icon so telling it apart from regular Chrome should be easy.
This answer talks about setting the executable to Canary which is easily distinguishable from regular Chrome. You will need to download the Canary version of Chrome first.
settings.json:
"runtimeExecutable": "canary"
How to configure Visual Studio Code debugger to use Chrome Canary?
Is it possible for chrome dev tools to remember preferences when loading a new incognito session?
I prefer to have dev tools docked on the right - and it's annoying to constantly set this every time a new incognito instance is started.
A similar question was filed as an issue on the chromium project here: https://code.google.com/p/chromium/issues/detail?id=376788
Currently it's possible only with Chrome Canary:
DevTools will now persist your appearance preferences (docking
position, size, pane layout, etc) and devtools settings (disable
cache, etc) into the incognito window.
About the feature
Download Chrome Canary here
EVerytime i press F12 to open the Dev Tools on Chrome, i get the stupid emulation panel
I also go into the Settings and Overrides, and uncheck the Show Emulation View in console drawer, and then reload the page, and it still keeps showing up.
It was a bug and it has been fixed, so please wait for the next update.