Debuging application

Enabling debug output

In order to see what templates what used in page render you have to enable debug output in settings/settings.ini.php file

'debug_output' => true,

Disabling cache

Do not forget that to see all used template you have to disable cache also.

'templatecache' => true,
'templatecompile' => true,
'modulecompile' => true,

Web application folders structure

  • cache (Stores cache)
  • design (Design categorys)
    • <used_design>
  • doc (Release documentation)
  • extension (All extensions goes here)
  • ezcomponents
  • lib (core of the framework)
    • autoloads
      • lhcore_autoload.php (Main application autoload file)
  • core (Folder holds application logic modules files)
  • models (Folder contains application models clases)
  • modules (There goes application modules.)
  • pos (Represents eZ Components pos, persistent object talbles definitions)
  • settings (holds application settings files.)
  • translations (holds application translations)

How to log javascript errors?

Go to System configuration > Audit (Configuration) and enable Log javascript errors after that. If there is any JS error it will be logged to System configuration > Audit (Audit Logs).

You can search for javascript errors by these search attributes.

  • Category - js
  • Source - lhc

Using javascript log. Most of the time compiled js file has map file E.g

If error as an example happened in

https://demo.livehelperchat.com/design/defaulttheme/js/widgetv2/index.js

there will be also source map file

https://demo.livehelperchat.com/design/defaulttheme/js/widgetv2/index.js.map

Afterwards you can just use https://jimbly.github.io/stackwalker/index.html to find exact error.

How to use debug output

After you have enabled debug output you will see in popup window something like

Regarding widget debuging, you will not see debug output so easily. These instructions applies also to embed widgets and site widgets.

Understanding debug output

As in above example you see that widget styles can be overrided editing customtheme/css/widget_override.css file. Debug shows all searched files during page load. If you want to edit invitation to chat green block the easiest way to do that is just override styles using !important flag. These styles should be in your site CSS not widget_override.css file.

Debugging old widget

Chrome

After you do that. New window will open on chrome, so just delete "view-source:" and you will see full list.

Firefox

During some action app returns white screen, what to do?

Last updated on by Konstantin