The devtools window or the inspect window on Chrome on my Mac somehow shrank when I accidentally hit some combination of keys and swipes, as you can see from the picture below. I have tried focusing on the inspect window and doing control+shift++ and control+shift+0 as instructed on the Chrome documentation, but they do not work.
There must be some control on the toolbar in devtools but it is too small for me to see.
How do I restore the inspect window to the original default zoom?
cmd+0 is the solution here, since this is the hotkey to restore zoom on a Mac.
Related
You can increase/decrease font size within chrome's developer toolbox by pressing CMD and + or - but it seems only to work in docked mode.
If I do that within an undocked separate window, it zooms in/out the web page too.
Is there a possibility to achieve the same in floating-window-mode?
EDIT: See related bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1100135
Basically, I want Chrome Webtools to overlap my browser viewport instead of resizing it.
I tried undocking the tools window, however this splits it into another window which is undesirable. I want both the console and the viewport in the same window, just overlapping.
Current behavior:
Desired behavior:
Thanks!
You can click here and select Undock to seperate windows.
I think you have to Dock Side from the three Dots at the side of console and ... have to manually frame it to the location you want
Why can't I inspect elements in cypress.io window?
I have installed cypress 3.1.0 and when I run a test I can see it open in the chrome window. I run the same code at work and in my window at work, I can right click and Inspect Element, for some reason I can't do the same thing at home. Odd indeed.
In Cypress it says I am running Running Electron 59.I totally can inspect in a normal chrome window. My chrome version is browser Version 70.0.3538.77 (Official Build) (64-bit). Am I missing something here?
* update, at work I found out I am using 3.0.2
* update, I also notice at home, I get a 2nd icon in the window bar for cypress at home, at work I get a 2nd chrome window icon in the window bar
Inspector is indeed hidden. Ctrl + Shift + D ( Cmd + Shift + D) will move its position to a visible area.
I'm having the same issue opening the inspector whether via shortcut or "click > Inspect" (Chrome 69, OSX 10.11.6, Cypress 3.1.0)
What is happening is that the dev tools are opened with a size of about 1x10 pixels on my top left corner, and I have to hide other windows in order to see the tools and be able to resize them.
Chances are that the Inspector is opened but hidden somewhere.
Hope that this helps
Chrome's dev tools starting behaving strangely today. When I expand the dev tools pane, the main browser window scales down proportionately rather than becoming narrower (or shorter).
I've searched through the settings to see if there is something I inadvertently checked or unchecked, but haven't had any luck. I've also disabled all extensions and verified that I'm on the current version of Chrome.
You can see the effect in the screenshots below. The browser pane in the first screen shot has already scaled down, and scales further as I expand the dev tools pane in the second shot.
What should I do to fix this?
So it turns out it was a combination of settings I had inadvertently checked.
In Developer Tools Settings, Show 'Emulation' view in console drawer has to be checked
In the console drawer, on the Emulation tab, if Emulate screen and Shrink to fit are both checked, the browser window will scale as the dev tools pane is resized.
I unchecked Emulate screen and all is well.
When I bring up the dev tools in Chrome Canary, it just appears as a black box. I have it set to display in another window rather than overlaying the actual page, but as said, the inside of this window is just black. If I hover the mouse over it, it highlights the elements on the page accordingly.
I have tried: Looking for settings to dock it back into the screen, restarting CC, restarting my computer, reverting to default settings in the CC menu. None of this has changed a thing unfortunately.
EDIT: Has been resolved with update to version 33.0.1707.0
Same thing happened to me, starting sometime in the past two days. I tried everything you did and also tried reinstalling Chrome Canary, no dice. My solution was to dock the developer tools back to the main browser window by clicking in the upper-right corner of the black box, where I think the dock icon usually is.