-
Keynote - Vision & Strategy
Fabien PinckaersTerminé
-
Opening Keynote - Unveiling Odoo 14
Fabien PinckaersTerminé
-
The Right Way to Develop Website & eCommerce Features
Jérémy KerstenTerminé
-
UX in Business Apps: a Workshop for App Developers
Fabien PinckaersTerminé
-
Empower Your App by Inheriting from Odoo Mixins
Thibault DelavalléeTerminé
-
Deploying & Scaling your Odoo Server
Nicolas SeinletTerminé
-
Developing New Widgets for Your Views in Owl
Géry DebongnieTerminé
-
Tutorial: Develop an App with the Odoo Framework
Yannick TivisseTerminé
-
Odoo Website: How to Develop Building Blocks
Samuel DegueldreTerminé
-
Owl: The New Odoo UI Framework
Géry DebongnieTerminé
En cours de chargement de la vidéo...
Why Browser Debugger is a Developer's Best Friend
Developer
Talk
Lieu : Studio 5
-
01/10/2020 15:00
-
01/10/2020 15:30
(Europe/Brussels)
(30 minutes)
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!
Quiz
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"
