## Odoo Spy

Third-Party

### Help you insight into the rendering Templates of the Odoo web page!

#### Features

- Trace & understand the rendering Templates structure more easily;
- Locate the Templates Script source code quickly, save time & speed up development process;
- Apply to the whole website, free mind & happy coding!

Frontend(qweb):

Backend(owl):

Spy & Edit:

- Insight into the Odoo web page structure, super easy locate the feature source code line.
- Integrate to Code Server IDE, hot reload, quickly and easily experiment, build UIs, add features, fix bugs & more.
- The Edit Template Source Code feature should install the Odoo Code module.

#### Trace out the key meta information of the Templates

The key meta information of the Templates(or widget) includes: name, type, template file path and etc, two rendering template types: qweb and owl in Odoo tech stack, the template file path is helpful to locate the template(or widget) source code on disk quickly, save time and free mind!

The Spy module purpose is trace out the rendering Templates structure, light up meta data of the Templates, speed up the development process of the Odoo application

#### Screenshots

Frontend: Website pages:

Backend: Sales page:

Backend: CRM page:

Backend: Contact page:

The spy module will apply to the whole web pages, above only show a few module pages for demo purpose.

#### Usage

First install this Spy module, actived the Developer Mode, move the mouse cursor to target html element area on the odoo web page which you want to trace into, a tooltip will be pop over, the tooltip show meta information of the QWeb or OWL Templates for rendering the target element on web page!
The Templates meta information help you insight into the rendering Templates of the odoo web page, more easy understand the mechanism of the rendering Templates!

Activating Developer Mode:

- Activate through the Settings:

The debug mode can be activated in the Odoo database settings. Go to Settings -> General Settings -> Developer Tools and click on Activate the developer mode.

- More ways to active the debug mode

This module should only use for development phase! Production Environment is not recommend!

Enjoy & Happy Coding!

#### Support

odoo@ixkit.com
ixkit

#### by ixkit team