Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Are there keyboard shortcuts for the Safari debugger?

Tags:

javascript

debugging

safari

Firebug and eclipse both let me step through code using function keys. Does Safari have equivalent capabilities?

like image 420
morgancodes Avatar asked Sep 08 '10 17:09

morgancodes

People also ask

What is the keyboard shortcut for run the debugger?

The shortcut key is Alt+F12, R. You can position your cursor anywhere in your code to instruct the debugger to run from the current execution point to the line on which the cursor is positioned.

How do I open debugger in Safari?

Enable the Develop MenuChoose Safari > Preferences, and click Advanced. At the bottom of the pane, select the “Show Develop menu in menu bar” checkbox. Choose Develop > Show Web Inspector.

How do I use developer tools in Safari?

Apple Safari To do that, go into Safari's preferences (Safari Menu > Preferences) and select the Advanced Tab. Once that menu is enabled, you will find the developer console by clicking on Develop > Show Javascript Console. You can also use the shortcut Option + ⌘ + C .

Does Command Shift V work on Safari?

Command + Shift + VThis shortcut is a life-saver for anyone who regularly works in Safari. This is the shortcut for “Paste and Match Style,” which basically means you can copy and paste something without its previous formatting.

2 Answers

The Scripts Debugger was updated to support some popular keyboard shortcuts:

  • Continue — F8 or Command-/ on a Mac or Control-/ on other platforms.
  • Step Over — F10 or Command-’ on a Mac or Control-’ on other platforms.
  • Step Into — F11 or Command-; on a Mac or Control-; on other platforms.
  • Step Out — Shift-F11 or Shift-Command-; on a Mac or Shift-Control-; on other platforms.
  • Next Call Frame — Control-. on all platforms.
  • Previous Call Frame — Control-, on all platforms.
  • Evaluate Selection When on a Breakpoint — Shift-Command-E on a Mac or Shift-Control-E on other platforms.

Credit goes to: http://webkit.org/blog/829/web-inspector-updates/

like image 161
Cristian Sanchez Avatar answered Sep 20 '22 17:09

Cristian Sanchez

F1 in the Web Inspector shows a help screen with all the keys. (Safari version 5.1.2)

like image 41
Matt Avatar answered Sep 24 '22 17:09

Matt
Sign in to Comment

Related questions

How do I solve this "Cannot read property 'appendChild' of null" error?
this.nextSibling not working
“Thinking in ReactJS" if I have a AngularJS background? [closed]
What does RxJS.Observable debounce do?
JS sort() empty to end
Firebase User Uploads and Profile Pictures
Why doesn't CSS clip-path with SVG work in Safari?
Getting router params into Vuex actions
VueJs router-view transitions
Creating a vertical Timeline like SO Developer Story
Augular 2 Router Animation - Cannot find module '@angular/platform-browser/animations'
gapi is not defined when loading React Component
How does Google's reCAPTCHA v3 work?
React Hooks with React Router v4 - how do I redirect to another route?
How to serve static HTML files in Nest.js?
Angular ng-container equivalent in vue.js
Can search engines index JavaScript generated web pages?
Difference in JSON objects using Javascript/JQuery
Possible to force printer setup (paper size) in javascript?
How to make textarea fill the width of its parent width?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!