Dev tools for Owl 2

Abstract

The developer tools for Owl 2 web extension is a browser extension currently available on every non safari browsers which allows to debug any web application which uses Odoo’s Owl JS framework. The Odoo Web Library (Owl) is a UI framework loosely inspired by VueJS and ReactJS which allows to create reactive applications using components written in Javascript and templates written in XML. Using the extension, one can visualize the structure of the components in the form of a tree, all of their intrinsic variables, their templates and also analyse how they are updated using the reactivity through an events recording system. The aim of this thesis was therefore to implement this extension from scratch using Chrome’s and Firefox’s browser extension API as well as Owl itself for the UI of the extension.