Chrome extension: Slide out menu from the left of Chrome window - google-chrome

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

Related

Chrome extensions are not showing in popup window

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 :)

Can Chrome v41 Inspector be docked to side?

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.

How to inspect element while emulating touch screen in Chrome DevTools?

I need to right click on an element and go to inspect element.
I have tried to right click but since its a touch device emulator that action doesn't make sense, the dropdown doesn't appear.
It works fine when i am not in the emulator mode checking for things, but when i am in the emulator for touch devices (ipad, iphone, galaxy), I lose the right click.
How do it make chrome open that html tag just like the inspect element, so i don't have to dig through the html trying to find the element i want?
thanks in advance! :)
Left click and hold on the element in the emulation window.
The context menu will then appear, and you'll need to move your mouse to Inspect Element before releasing the click to activate it.
You can use either the magnifying glass in the top left corner of the developer tools, or you could turn off the touch sensor emulation by going to Emulation|Sensors|Emulate touch screen and turn it back on after you find your element.

Chrome Dev Tools no longer lets me position to bottom

Google Chrome dev tools no longer lets me re-position it to the bottom of the page instead of the right side. Anyone know how I can re-enable this function? It makes it very difficult to use it in certain screen layouts.
I'm using Chrome v 33.0.1750.154 m
Windows 8.1
Interestingly, the opposite is true in Canary(v 35.0.1900.0 canary). In canary dev tools are stuck on the bottom and can't be re-positioned to the side.
Is there some check-box I accidentally clicked or what??
Currently I can only dock or un-dock the dev tools panel, but the option to change it's position inside the window is gone.
If you click and hold the dock/undock button you get the option to reposition.
Cmd-Shift-D also works, as I just found out

is it possible to open chrome debugger in separate window? How?

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'.