Open the JavaScript console for troubleshooting plugins

From Wordfence Documentation
Revision as of 21:10, 21 October 2015 by WFMattr (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Looking at the JavaScript console can help troubleshoot issues, especially conflicts with other plugins. Errors appear in red, so it's easy to make a screenshot and sometimes even see for yourself which plugin is causing a conflict.

Below are pictures of the steps in the Chrome browser for demonstrative purposes, because it is available on MAC and PC, though other popular browsers have similar functionality, too. If you are using a PC, you can press the "F12" key as a shortcut to open the console.


Steps for Chrome

First, open the page you are having issues with. Click the small menu button in the upper right corner of the browser (the three horizontal lines), then click "More tools" and then "Developer Tools":

Chrome-javascript-console-1.png


You should see a new section at the bottom of the page. Click the "Console" tab if it is not already active, and then look for errors like the "Uncaught ReferenceError" shown here:

Chrome-javascript-console-2.png


Steps for Firefox

  1. Click the menu button in the upper-right corner of the browser
  2. Click the Developer icon
  3. Choose the Web Console option
  4. Click the Console tab in the panel that appears


Steps for Internet Explorer

  1. Click the gear icon in the upper-right corner of the browser
  2. Choose the "F12 Developer Tools" option
  3. Click the Console tab in the panel that appears