mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
Julien Carion
ef5e4a0637
This commit adds the code of the owl devtools extension. This extension can be added on chrome or on firefox for developpers to be able to inspect the contents of all owl applications that are present on any web page, see all the components, interract with them and their content to some extend and perform a bit of profiling with their renders.
31 lines
1.0 KiB
JavaScript
31 lines
1.0 KiB
JavaScript
import globalHook from "./page_scripts/owl_devtools_global_hook";
|
|
import { IS_FIREFOX } from "./utils";
|
|
|
|
// Relays the owlDevtools__... type top window messages to the background script so that it can relay it to the devtools app
|
|
window.addEventListener(
|
|
"message",
|
|
function (event) {
|
|
if (event.data.type && event.data.source === "owl-devtools") {
|
|
try {
|
|
chrome.runtime.sendMessage(
|
|
event.data.data
|
|
? { type: event.data.type, data: event.data.data, origin: event.data.origin }
|
|
: { type: event.data.type, origin: event.data.origin }
|
|
);
|
|
} catch (e) {
|
|
// Extension context invalidated, cannot be handled here since the whole communication system
|
|
// inside the extension is dead in this case.
|
|
}
|
|
}
|
|
},
|
|
false
|
|
);
|
|
|
|
// Load the devtools global hook this way when running on firefox
|
|
if (IS_FIREFOX) {
|
|
const script = document.createElement("script");
|
|
script.textContent = globalHook;
|
|
document.documentElement.appendChild(script);
|
|
script.parentNode.removeChild(script);
|
|
}
|