|
|
|
@ -1,7 +1,15 @@
|
|
|
|
|
/**
|
|
|
|
|
* This code loads the UI for the DevTools.
|
|
|
|
|
*
|
|
|
|
|
* HOW DOES THIS CODE GET LOADED INTO THE EXTENSION?
|
|
|
|
|
* In the 'manifest.json', the 'devtools_page' options
|
|
|
|
|
* loads 'devtoolsBackground.html' which links this file.
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
var panels = chrome.devtools.panels;
|
|
|
|
|
|
|
|
|
|
// The function below is executed in the context of the inspected page.
|
|
|
|
|
|
|
|
|
|
var getPanelContents = function () {
|
|
|
|
|
if (window.angular && $0) {
|
|
|
|
|
//TODO: can we move this scope export into updateElementProperties
|
|
|
|
@ -29,6 +37,7 @@ var getPanelContents = function () {
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// This adds the AngularJS Propeties piece to the Elements tab in devtools.
|
|
|
|
|
panels.elements.createSidebarPane(
|
|
|
|
|
"AngularJS Properties",
|
|
|
|
|
function (sidebar) {
|
|
|
|
@ -37,7 +46,7 @@ panels.elements.createSidebarPane(
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Angular panel
|
|
|
|
|
// This adds the tab that appears at the top of your devtools, just after the console.
|
|
|
|
|
var angularPanel = panels.create(
|
|
|
|
|
"AngularJS",
|
|
|
|
|
"devtools-panel/img/angular.png",
|
|
|
|
|