Chrome shortcut to open source panel directly? - google-chrome

Is there a keyboard shortcut to open the Chrome source Panel directly? I found some shortcuts to open the element panel(shift+command+c) or console panel(command+option+j) but did not find one to open the Source panel, so that I can inspect and debug more quickly

I don't think there is, but you can always just right-click and press inspect or just switch to the source panel after using a shortcut to view a different panel.

Cmd+Opt+I will actually open the last used panel. So if Sources was the last panel you had opened, you can use this keyboard shortcut to directly open it while debugging.

Related

Emulate a focused Page option not available in Chrome Developer Tools

There used to be an option, "Emulate a focused page," under "Global preferences" in Chrome developer tools. However, I am not able to find that option anymore.
Any ideas?
There are two ways to invoke it now:
A checkbox in Rendering panel
Command panel:
press CtrlShiftP (or ⌘ShiftP)
type emfo to find the Emulate a focused page item
press Enter

Open Google Extension as Application

You can open extensions as applications using the GUI, but I cannot find the settings for it. They used to be under Chrome://Extensions, but the setting is not there any more.
You can also have the extension export a shortcut in the interface, but I just cannot find it.
I figured it out for Chrome Version 67.0.3396.99:
Go to Chrome://apps
Right click your app and select App Info
Select the drop down and press "Open as Window"
Close the popup
Go back and right click on your App
Click "Create Shortcuts..."
Select the checkboxes of where you would like the shortcuts (Desktop, Start Menu, Pin to Taskbar)
Press "Create" Button

How can I move focus from any other tool window to text editor in PhpStorm?

For an example after I go to the Project tab with Alt+1 shortcut and open specific file with pressing Enter I then want to go and edit content with single shortcut. Is there any way to do it?
There is couple of things that I can use, but neither does exactly what I want:
Ctrl+Tab - that opens the switcher and selects next file in switcher instead of allowing me to edit file with single Ctrl+Tab
Ctrl+E or Ctrl+Shift+E do different things but basically the result is simmilar as above
What I want is to simply edit the file after opening it with keyboard from Projects tab (without using mouse).
How can I move focus from any other tool window to text editor in PhpStorm?
Just press Esc key.
Works in every tool window. For built-in Terminal though you can (may have to) configure different shortcut for such action (as Esc can be needed there).
For an example after I go to the Project tab with Alt+1 shortcut and open specific file with pressing Enter I then want to go and edit content with single shortcut. Is there any way to do it?
Use F4 for that (action is available in context menu and called Jump to Source).
Ctrl+Tab - that opens the switcher and selects next file in switcher instead of allowing me to edit file with single Ctrl+Tab
Just press and release it quickly: it works just like Alt + Tab on Windows. If you keep modifier key pressed (Ctrl in this particular case) it will keep the Switcher window opened.

Open new tab in between already open tab in chorme

I want to open a tab in chrome I use ctrl +t which open my tab at the last of already opened tab. But I want to open my new tab in between of some specific Tab, How can I do this using keyboard
Look for the extensions!
Not quite what you're after but this may help!: https://chrome.google.com/webstore/detail/tab-position-configure/hfchebpfpmpdnninebmopbelkfhofgnd/details
If all fails and if you are a programmer use the Google chrome TAB api (https://developer.chrome.com/extensions/tabs) to develop a extension.

How to remove all breakpoints in one step in Google Chrome?

How to remove all breakpoints in one step in Google Chrome? Using version 11.
[update]
There is now a feature request for this.
[update]
The feature request is closed (Dec 2011)!
This is now possible in Sources tab of Chrome Developer Tools.
Please see screen grab below and right click within the "Breakpoints" section of the left window.
Since recently (Chrome 18), you can right-click any breakpoint in the Breakpoints pane and voila! The "Remove All JavaScript Breakpoints" popup menu item!
Chrome Devtools crashed everytime I tried to access the Sources panel because of a breakpoint on a minified Javascript file.
To remove all breakpoints without access to the interface, you can do the following:
Open inspector-on-inspector : undock first inspector and hit ctrl+shift+i to open the second
On the inspector-on-inspector console, execute the following:
window.localStorage.breakpoints = [];
Close the inspectors and reload the page. Now the breakpoints are gone.
Under Sources, you can click button marked with red on picture below or use shortcut Ctrl + F8 just like tool tip is showing (activate / deactivate breakpoints). A little bit lower under 'Breakpoints' you will see all your breakpoints. If you choose to disable all, they will be grayed out.
solution here.
To purge all breakpoints open inspector on inspector (undock first
inspector and hit ctrl-shift-I to open the second) and run
"WebInspector.settings.domBreakpoints.set([])" in second inspector's
console.
new Tabs; Ctrl+Shift+J to Console; Access URL
Open the Chrome task manager and end the tab page.
Ctrl+Shift+J to Application -> Service Workers (Offiline) -> Refresh
to Sources Cancel Breakpoint
Success
Another option is to de-activate all break points using:
Ctrl + F8
In my case Uninstall and new installation of Chrome was without any success.
Also window.localStorage.clear() did not help.
My "last chance solution" is to remove entire directory where Chrome is storing its data.
First turn off your Chrome.
Then look at this path "c:\Users\ {your_user} \AppData\Local\Google\Chrome\User Data\Default\Local Storage\". Here try to delete all what is in this directory.
You can also clear all inspector settings and reload the inspector. It helped me with fantom breakpoint I could not remove in any other way. Open inspector and go to Preferences -> Sync -> Restore defaults and reload (at the bottom).
Step 1: Go to Developer tools and expand Breakpoint section
Step 2: Right click on expanded area of breakpint and there will be many options lik