Is there way to highlighting or moving caret to appropriate line of code in sublime when i inspect html using chrome devtools inspector?
No, this kind of functionality isn't possible. I have this answer which explains why this kind of functionality is infeasible.
Related
I use the Chrome DevTools to edit my large JavaScript file.
Is there a way to set Bookmarks in the code like in Visual Studio (see the hotkeys on https://stackoverflow.com/a/926065 or even better https://stackoverflow.com/a/38419034)?
Interesting! No, DevTools doesn't have official support for this one. I filed a feature request: https://crbug.com/963682
Update
We don't have official support for this feature, but there is a workaround.
Use a line-of-code breakpoint as your "bookmark".
Disable that breakpoint from the Breakpoints pane.
Click the preview to jump to that line of code.
P.S. I tweeted this workaround idea. Thank you for the inspiration.
Is it possible to use the supper handy (hjkl, A, $, vi, etc) inside Chrome DevTools?
More precisely the source panel and console?
I'm using Vimium, which is great, but when doing web dev in the Chrome DevTools I can't use any vi action.
Developer Advocate for DevTools here. This is not currently possible. Open a bug if you want this feature. Please link to the bug if you open one, so that others can star it and comment on it. I'd recommend scoping it to the Sources panel, only. Otherwise it'd probably be too big of an undertaking.
There are still no vim keybindings available in the Chrome Dev Tools settings, in the opposite to the Firefox Developer Tools, where you currently can choose between standard, emacs, vim and sublime text keybindings out of the box.
However, there is some node.js solution, which allows to remote control the Chrome Dev Tools from neovim, see vim-chrome-devtools. It may serve as an alternative until Google perhaps some day provides Vim support.
By the way, I thought, Bram Moolenaar, the Developer of Vim, is still hired by Google? ...
Vimium - The Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.
here
Is there any way to enable cold folding in the CodeMirror used in the sources panel of Chrome Dev Tools.
Normally you would enable this through an option
foldGutter: true
I can see that the options for CodeMirror are being handled via source_frame_module.js.
Is it possible to customize this file?
Currently you cannot modify anything about how CodeMirror in DevTools operates. The only thing that can be done is re-styling via a custom theme extension. There have been numerous bug reports asking for this kind of functionality, but due to security reasons it hasn't been acted on yet nor is planned to be as far as I know.
Checking the list
https://developers.google.com/chrome-developer-tools/docs/shortcuts?csw=1#sources-panel
I cannot find any way to navigate through the source files inside Chrome Dev Tools. Anyone with an idea how to switch source files without using the mouse?
Ctrl-P / Ctrl-O shortcut will bring up a Goto-Source dialog.
To my knowledge there is no keyboard shortcut for doing this. I would know since I have recently updated that page multiple times to add or change some shortcuts.
I'm pretty sure there's no command you can configure either.
I'd suggest opening a ticket for it if you would like to see this added.
I love chrome dev tool, it has been a huge productivity boost for me. I would love to find out if there is any plugin or way to get it to do auto-complete on javascript object (intelisense) and syntax highlighting in live edit mode? In the console you can press tab to complete a javascript object, property or method, but that does not seem to be available in live edit mode.
Thanks!
Auto-completion in the CodeMirror editor (should be enabled in the Settings) was landed yesterday behind a DevTools experiment "Enable text editor autocompletion" and should appear in the next Chrome Canary.
Regarding the syntax highlight, I'm not quite sure what your case is, since we always highlight JavaScript sources.