-
Keynote - Vision & Strategy
Fabien PinckaersDone
-
Opening Keynote - Unveiling Odoo 14
Fabien PinckaersDone
-
Tutorial: Develop an App with the Odoo Framework
Yannick TivisseDone
-
The Right Way to Develop Website & eCommerce Features
Jérémy KerstenDone
-
Odoo's Test Framework: Learn Best Practices
Raphael ColletDone
-
Developing New Widgets for Your Views in Owl
Géry DebongnieDone
-
Empower Your App by Inheriting from Odoo Mixins
Thibault DelavalléeDone
-
Security: Odoo Code Hardening
Olivier DonyDone
-
Owl: The New Odoo UI Framework
Géry DebongnieDone
-
Best Tools for First-Time Odoo Development
Yannick TivisseDone
Loading Video...
Why Browser Debugger is a Developer's Best Friend
Developer
Talk
Location: Studio 5
-
10/1/20, 3:00 PM
-
10/1/20, 3:30 PM
(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"
