Using Developer Tools to analyze problems

Sometimes a process generates an error notification or it simply seems to run forever. In this case the error happens in the background and you can't see what is happening. To make it possible to see what is happening, you can use the developer tools from your browser.


The developer tools are generally available by pressing F12 or CTRL-SHIFT-I.

Analyze the problem

With the developer tools open we can analyze what happens. Follow these steps:

  1. Prepare your template if you are doing an import or export, otherwise you can skip this step.
  2. Activate the developer tools.
  3. Click on the Network tab. The network tab will tell us what is going on. Your screen should look like this:

    Developer tools
  4. Click on the Preserve log button to make sure that the import information is not lost.
  5. Start the import/export/maintenance task
  6. During the execution you can get a screen like this:

    Developer tools log
  7. What to look for is the URL shown in the red box that ends with index.php?option=com_csvi Click on this URL to see the contents.
  8. Click on the Response tab
  9. Here you will either see the error that is causing the problem or some code you may not understand. That is not a problem.
    Developer tools response
  10. Either look to fix the error or post the full output on the forum and we will have a look
  11. You can now close the developer tools.