{"id":10168,"date":"2014-08-06T09:08:08","date_gmt":"2014-08-06T14:08:08","guid":{"rendered":"http:\/\/jianmingli.com\/wp\/?p=10168"},"modified":"2014-08-06T09:08:08","modified_gmt":"2014-08-06T14:08:08","slug":"step-through-javascripts-with-firefox-developer-tool-debugger","status":"publish","type":"post","link":"https:\/\/jianmingli.com\/wp\/?p=10168","title":{"rendered":"Step Through JavaScripts with Firefox Developer Tool Debugger"},"content":{"rendered":"
\n

Contents<\/h2>\n
    \n\t
  1. \n\t\tStep Through JavaScript Code<\/a>\n\t\t
      \n\t\t\t
    1. \n\t\t\t\tStart Debugger<\/a>\n\t\t\t<\/li>\n\t\t\t
    2. \n\t\t\t\tSet Break Point<\/a>\n\t\t\t<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/div>\n
       <\/div>\n

      Step Through JavaScript Code<\/h2><\/span>\n

      Start Debugger<\/h3><\/span>\n

      * Start Firefox and browse to your page
      \n* Open Firefox Developer Tool with one of following two methods:
      \n– Press F12<\/em>
      \n– Select Tools > Web Developer > Debugger<\/em><\/p>\n

      \"js_debugger_open_1\"<\/a><\/h6><\/span>\n

      Set Break Point<\/h3><\/span>\n

      * Reload your page by pressing F5<\/em>
      \n* Find and select you JavaScript source file, e.g. common.js<\/em>
      \n* Click the line number where you want to set break point<\/p>\n

      \"js_debugger_setBreak_1\"<\/a><\/h6><\/span>\n

      * Reload your page by pressing F5<\/em> again
      \n* Web page will stop at your break point
      \n* Click the pause icon:<\/p>\n

      \"js_debugger_stepthru_1\"<\/a><\/h6><\/span>\n

      * Step through icons are enabled:<\/p>\n

      \"js_debugger_stepthru_2\"<\/a><\/h6><\/span>\n

      * You can now step over, step into, step out your Javascript code
      \n* Inspect variables:
      \n– Local variable (Function scope) values
      \n– Global variable (Global scope) values<\/p>\n

      \"js_debugger_stepthru_variables_1\"<\/a><\/h6><\/span>\n","protected":false},"excerpt":{"rendered":"

      Step Through JavaScript Code Start Debugger * Start Firefox and browse to your page * Open Firefox Developer Tool with one of following two methods: – Press F12 – Select Tools > Web Developer > Debugger Set Break Point * … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18],"tags":[504,496],"class_list":["post-10168","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-debugger","tag-javascript-2"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8cRUO-2E0","_links":{"self":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/10168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10168"}],"version-history":[{"count":3,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/10168\/revisions"}],"predecessor-version":[{"id":10176,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/10168\/revisions\/10176"}],"wp:attachment":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}