{"id":1945457,"date":"2020-02-06T16:26:32","date_gmt":"2020-02-06T21:26:32","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&#038;p=1945457"},"modified":"2025-05-23T12:53:16","modified_gmt":"2025-05-23T16:53:16","slug":"how-to-see-a-javascript-console-error-on-your-site","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/how-to-see-a-javascript-console-error-on-your-site\/","title":{"rendered":"How to Capture JavaScript Errors Using Your Browser\u2019s Developer Tools"},"content":{"rendered":"\n<p>When you&#8217;re troubleshooting an issue on calendar views or single pages, one of the most important diagnostic tools is your browser\u2019s <strong>JavaScript Console<\/strong>. This console logs behind-the-scenes activity, including any errors that might be preventing parts of your calendar from working correctly.<\/p>\n\n\n\n<p>If you&#8217;re working with our support team, we may ask you to send a <strong>screenshot of your browser\u2019s JavaScript Console<\/strong>. This guide walks you through how to open the JavaScript Console in supported browsers and how to capture any relevant errors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-the-javascript-console-is-important\">Why the JavaScript Console Is Important<\/h2>\n\n\n\n<p>Many features of our calendar rely on JavaScript to function properly, like calendar navigation, tickets, RSVPs, imports, filters, and API requests. If something breaks, JavaScript errors will usually appear in the console, even if the problem isn\u2019t visible on the surface.<\/p>\n\n\n\n<p>Capturing these errors gives us essential insights into:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plugin or theme conflicts<\/li>\n\n\n\n<li>Caching or loading issues<\/li>\n\n\n\n<li>Outdated versions of our plugins<\/li>\n\n\n\n<li>Missing files or dependencies<\/li>\n\n\n\n<li>Errors from custom scripts or overrides<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-access-the-javascript-console-per-browser\">How to Access the JavaScript Console (Per Browser)<\/h2>\n\n\n\n<p>Here\u2019s how to open the Console in the most commonly used browsers supported by The Events Calendar:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-google-chrome\">Google Chrome<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press <code>Ctrl + Shift + J<\/code> (Windows\/Linux) or <code>Cmd + Option + J<\/code> (Mac)<\/li>\n\n\n\n<li>Or: Right-click anywhere on the page \u2192 click <strong>Inspect<\/strong> \u2192 select the <strong>Console<\/strong> tab<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-mozilla-firefox\">Mozilla Firefox<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press <code>Ctrl + Shift + K<\/code> (Windows\/Linux) or <code>Cmd + Option + K<\/code> (Mac)<\/li>\n\n\n\n<li>Or: Right-click \u2192 <strong>Inspect<\/strong> \u2192 <strong>Console<\/strong> tab<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-microsoft-edge\">Microsoft Edge<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press <code>Ctrl + Shift + J<\/code> (Windows) or <code>Cmd + Option + J<\/code> (Mac)<\/li>\n\n\n\n<li>Or: Right-click \u2192 <strong>Inspect<\/strong> \u2192 <strong>Console<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-safari\">Safari<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, enable the Developer Menu in Safari Preferences under <strong>Advanced<\/strong> \u2192 Check <strong>\u201cShow Develop menu in menu bar\u201d<\/strong><\/li>\n\n\n\n<li>Then press <code>Cmd + Option + C<\/code> or go to <strong>Develop \u2192 Show JavaScript Console<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-capture-a-javascript-error\">How to Capture a JavaScript Error<\/h2>\n\n\n\n<p>To properly capture a JavaScript error for support:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Reproduce the issue on your site<\/strong><br>Visit the page where the issue is happening (e.g., single event page, calendar view, etc.).<\/li>\n\n\n\n<li><strong>Open your browser&#8217;s JavaScript Console<\/strong><br>Use the shortcut or steps listed above for your browser.<\/li>\n\n\n\n<li><strong>Refresh the page (important!)<\/strong><br>This ensures that the browser logs all JavaScript activity and any errors that occur during page load.<\/li>\n\n\n\n<li><strong>Trigger the issue again<\/strong><br>If the issue occurs after working with filters, navigating the calendar, submitting an RSVP or purchasing tickets, repeat those steps.<\/li>\n\n\n\n<li><strong>Look for red text in the Console<\/strong><br>Errors will be clearly marked in red. These are the messages we need to diagnose the issue.<br><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"301\" class=\"wp-image-1965432\" style=\"width: 1200px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error.png 1803w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error-300x75.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error-1024x257.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error-768x193.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/script-error-1536x385.png 1536w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><em>This example shows that the conflict is coming from admin-bar.min.js<\/em><\/li>\n\n\n\n<li><strong>Take a screenshot<\/strong><br>Make sure the screenshot shows:\n<ul class=\"wp-block-list\">\n<li>The visible part of the website<\/li>\n\n\n\n<li>The open Console with the error messages<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Send the screenshot to our support team<\/strong><br>If possible, include a brief description of what you were doing when the error occurred.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-theme-palette-8-background-color has-background\"><strong>Note:<\/strong> If you don\u2019t refresh the page after opening the Console, the error may not appear, which can make it harder to troubleshoot.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-example-of-a-helpful-screenshot\">Example of a Helpful Screenshot<\/h2>\n\n\n\n<p>Include the full browser window if you can. This helps us see:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Which page you were on<\/li>\n\n\n\n<li>Any error messages in context<\/li>\n\n\n\n<li>The exact JavaScript file or plugin generating the error<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-still-need-help\">Still Need Help?<\/h2>\n\n\n\n<p>If you\u2019re unsure how to capture the console or which part of the error is important, don\u2019t worry, just <a href=\"https:\/\/my.theeventscalendar.com\/my-account\/support\/\">send what you can<\/a>, and our team will guide you from there.<\/p>\n\n\n\n<p>You can also review our <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/testing-for-conflicts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Troubleshooting Guide<\/a> and steps to isolate problems.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you&#8217;re troubleshooting an issue on calendar views or single pages, one of the most important diagnostic tools is your browser\u2019s JavaScript Console. This console logs behind-the-scenes activity, including any errors that might be preventing parts of your calendar from working correctly. If you&#8217;re working with our support team, we may ask you to send&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[40,93],"tags":[85],"stellar-product-taxonomy":[161],"class_list":["post-1945457","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-support-resources","category-errors","tag-testing","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":40,"label":"Get Help"},{"value":93,"label":"Troubleshooting"}],"post_tag":[{"value":85,"label":"testing"}],"stellar-product-taxonomy":[{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":40,"name":"Get Help","slug":"support-resources","term_group":0,"term_taxonomy_id":40,"taxonomy":"category","description":"","parent":0,"count":28,"filter":"raw","term_order":"0","cat_ID":40,"category_count":28,"category_description":"","cat_name":"Get Help","category_nicename":"support-resources","category_parent":0},{"term_id":93,"name":"Troubleshooting","slug":"errors","term_group":0,"term_taxonomy_id":93,"taxonomy":"category","description":"","parent":0,"count":67,"filter":"raw","term_order":"0","cat_ID":93,"category_count":67,"category_description":"","cat_name":"Troubleshooting","category_nicename":"errors","category_parent":0}],"tag_info":[{"term_id":85,"name":"testing","slug":"testing","term_group":0,"term_taxonomy_id":85,"taxonomy":"post_tag","description":"","parent":0,"count":11,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1945457"}],"version-history":[{"count":10,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945457\/revisions"}],"predecessor-version":[{"id":1965443,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945457\/revisions\/1965443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1945457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1945457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1945457"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1945457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}