[IMP] tools: Include the devtools into the release system

This commit adds the devtools as a zip file containing both chrome
and firefox versions of the extension in the release and also updates
the doc to install it easily.
This commit is contained in:
Julien Carion (juca)
2023-03-30 10:27:00 +02:00
committed by Géry Debongnie
parent ef5e4a0637
commit 1b1597c49e
5 changed files with 2408 additions and 4216 deletions
+11 -8
View File
@@ -5,7 +5,7 @@ to the browser devtools in order to inspect all owl apps that are present on any
and allows to interract with their data to a certain extend. There is also a profiler available to visualize
the components' lifecycle and be able to trace their origin.
## Install
## Install the extension
In the owl root folder:
@@ -19,33 +19,36 @@ For chrome:
npm run build:devtools-chrome
```
For firefox:
For firefox:
```bash
npm run build:devtools-firefox
```
You can also run:
```bash
npm run dev:devtools-chrome
```
or
```bash
npm run dev:devtools-firefox
```
to avoid recompiling owl and gain time if it has already been done.
To run the extension:
In google chrome: go to your chrome extensions admin panel, activate developer mode and click on `Load unpacked`.
Select the output folder (dist/devtools) and that's it, your extension is active!
There is a convenient refresh button on the extension card (still on the same admin page) to update your code.
Select the output folder (dist/devtools) and that's it, your extension is active!
There is a convenient refresh button on the extension card (still on the same admin page) to update your code.
Do note that if you got some problems, you may need to completly remove and reload the extension to completly refresh the extension.
In firefox: go to the address about:debugging#/runtime/this-firefox and click on `Load temporary Add-on...`.
Select any file of the output folder (dist/devtools) and that's it, your extension is active!
Select any file of the output folder (dist/devtools) and that's it, your extension is active!
Here, you can use the reload button to refresh the extension.
Note you may have to open another window or reload your tab to see the extension working.
Also note that the extension will run properly only on pages that have this branch's version of owl.
Note that you may have to open another window or reload your tab to see the extension working.
Also note that the extension will only be active on pages that have a sufficient version of owl.