recentpopularlog in

kme : devtools   21

Chrome DevTools  |  Tools for Web Developers  |  Google Developers
When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS).
webdevel  chrome  chromium  browser  devtools  debugging  javascript  console 
august 2019 by kme
Firefox Developer Tools | MDN
You can open the Firefox Developer Tools from the menu by selecting Tools > Web Developer > Toggle Tools or use the keyboard shortcut Ctrl + Shift + I or F12 on Windows and Linux, or Cmd + Opt + I on macOS.
webdevel  firefox  browser  devtools  debugging  javascript  console 
august 2019 by kme
The Art of Debugging
If the site they're talking about is jsbin, then I know saving does work, because I just used it, it just means that saving isn't working for them (and potentially others). Translation: saving could just be working for me.
debugging  javascript  webdevel  frontend  tipsandtricks  bestpractices  chrome  devtools 
march 2019 by kme
firebug - Access variables in jsFiddle from Javascript console? - Stack Overflow | https://stackoverflow.com/
With Firefox (34+) and the new Firefox Developer Edition, it's possibile to do the same by enabling the Select a frame as the currently targeted document extra tool into the developer tools, then click on it and select http://fiddle.jshell.net/_display/.
jsfiddle  webdevel  console  devtools  jquery  solution 
november 2018 by kme
Keyboard shortcuts - Firefox Developer Tools | MDN
This is why ⌘+[ and ⌘+] don't work for back/forward anymore on macOS.
Cycle through tools left to right
webdevel  shortcutkeys  hotkeys  quickref  mozilla  firefox  devtools 
august 2014 by kme

Copy this bookmark:





to read