-
Keynote - Vision & Strategy
Fabien PinckaersHecho
-
Opening Keynote - Unveiling Odoo 14
Fabien PinckaersHecho
-
Odoo Website: How to Develop Building Blocks
Samuel DegueldreHecho
-
Developing New Widgets for Your Views in Owl
Géry DebongnieHecho
-
Empower Your App by Inheriting from Odoo Mixins
Thibault DelavalléeHecho
-
Common Performance Pitfalls in Odoo Apps
Nicolas SeinletHecho
-
UX in Business Apps: a Workshop for App Developers
Fabien PinckaersHecho
-
Owl: The New Odoo UI Framework
Géry DebongnieHecho
-
The Right Way to Develop Website & eCommerce Features
Jérémy KerstenHecho
-
Odoo.sh for Project Managers & Developers
Denis VermylenHecho
Cargando vídeo...
Why Browser Debugger is a Developer's Best Friend
Developer
Talk
Ubicación: Studio 5
-
1/10/20, 15:00
-
1/10/20, 15:30
(Europe/Brussels)
(30 minutos)
Loan Sens
Investigation Developer at Odoo
Loan Sens
Investigation Developer at Odoo
Loan is a member of the Technical Support team at Odoo S.A. in Belgium. After graduating with a Master in Computer Science, he joined Odoo in 2019. In this role, he is responsible for investigating support tickets that clients submit. His specialties are issues related to Website and Web Client/Javascript.
Odoo's logs, tracebacks, and breakpoints in the code are all useful to understand how Odoo works. However, your browser can also be a precious ally!
In this talk, we will cover some of the developer tools available in your browser. We will see how interactions with the server work and how that is valuable information for custom developments, debugging/troubleshooting, and to spot performance issues.
Join us!
Cuestionario
What is the point of using "debug=assets" mode ?
Being able to see the real HTML code of our webpage. Without it some features are hidden such as menus and some fields.
Use assets source file in order to see the actual code that is ran. Otherwise we could have the minified version which harder to read.
Use to troubleshoot performance issue in order to load all ressources that are usually stored in the cache. Without it, cache resource may be use which may miss our modifications
What is the purpose of the "Network" development tool?
I would like to know what happen in Odoo's code when I click on the "Setting" App on the Home page. I don't have any access to the server code/logs and there is no tooltip message to inform me on the method call. What would be the MOST EFFECTIVE way to see what method is called?
Open the "Elements" tool and read the HTML code of the button. The method called is defined on it
Open the "Source" tool. Search for the JavaScript code trigger when the button is pressed. Add a breakpoint. Click the button. Evaluate in the "Console" the in scope variables until finding the one responsible for that.
Open the "Network" tool. Click the button. Choose the first created requests and look at its "Request Payload"
