With the latest version of Chrome (v41), I seem to only have bottom and pop-out window options. Is there a way I can dock the Web Inspector to the side?
Yes there is a little icon on the right of the Inspector that docks to the side. See the attached screenshot
If you only see the bottom or pop out icon perform a long click on the icon to turn it into a drop down menu.
Related
Do any one knows how to make sure that extensions work in popup window as well.
I have my chrome browser[highlighted with RED rectangle box in the picture], I wanted to capture the full screen of popoup windows[which is below to chrome highlighted box]. Also to mention that popup page is very huge having big scroll in it [mentioned by blue arrow in the picture].
Its really important.
Right click the Google Chrome window on top and select open as tab, then the address bar opens with default options to the right and click the puzzle icon for your extensions :)
This just appeared in the top left of my window when I run Chrome Inspect.
What is it called and how do I get rid of it?
That is "device mode" mobile/layout emulation. The key to disabling it is finding the phone icon, usually at the top left of the normal inspector window. The icon should be blue while it is active.
In this image, you can see it at the bottom right:
The disable icon on the top left looks promising, but only turns off the emulation of a specific mobile device; it doesn't actually close the device mode view.
My Chrome browser automatically got updated and now it displays a weird device bar on top as shown in the screenshot below:
Any ideas how to remove the bar?
Open Settings (via the triple horizontal bar icon on the very right of the address bar).
Then open 'More Tools' and then 'Developer Tools'
In the tool bar of the developer panel there will be a blue highlighted smartphone icon. Click that to get rid of the device ruler.
Is it possible add a functionality in the extension that when you mouse over the left edge of Chrome window a menu with some options (what options is not important now) will slide out?
no, Chrome does not have API to show such panel or handle such kind of event. The only possible workaround is to add you own div to left side of each webpage and show such pane as part of the webpage
I would like to open chrome debugger in a separate window. Is this possible? How?
Internet Explorer opens the debugger in separate window when i press F12 key.
You have to press and hold the 'toggle window position' button in the top right corner and then release the mouse on the icon that appears below.
On newer versions of chrome, it looks like this:
I was driven mad by this recently. It seems you (now?) have to click and hold on this icon. Two widgets appear and, for me at least, the upper widget undocked.
I'm convinced in the past the button in the bottom left used to toggle
Click on the first icon in the bottom, left-hand corner (two rectangles) - 'undock into separate window'.