/ / UnAught TypeError: Não é possível ler a propriedade 'inspectedWindow' de undefined - javascript, google-chrome-extension, google-chrome-devtools

Uncaught TypeError: Não é possível ler a propriedade 'inspectedWindow' de undefined - javascript, google-chrome-extension, google-chrome-devtools

Estou tentando criar uma extensão chrome, mas quando executo esse

document.addEventListener("DOMContentLoaded", function() {
chrome.devtools.inspectedWindow.getResources(function(response){
console.log("enter");
});
});

Recebo TypeError não capturado: Não é possível ler a propriedade "inspectedWindow" de indefinido.

Alguém pode me ajudar?

Respostas:

2 para resposta № 1

Essa API está disponível apenas no contexto de uma página do DevTools:

Extensão do DevTools

Como observado, você precisa adicionar uma página ao DevTools através do manifesto:

"devtools_page": "devtools.html"

Em seguida, esta página será carregada (e seus scripts executados) toda vez que o DevTools for aberto.

Uma instância da página do DevTools da extensão écriado sempre que uma janela do DevTools é aberta. A página DevTools existe durante toda a vida útil da janela do DevTools. A página DevTools tem acesso às APIs do DevTools e a um conjunto limitado de APIs de extensão.

Vejo os docs para mais detalhes.


Se você precisar das mesmas informações que a API do DevTools fornece, mas sem abrir o DevTools, consulte o debugger API. Esteja avisado, é um martelo pesado. Ou melhor, um dispositivo pesado, mas delicado, que não deve ser usado como um simples martelo.

Caso contrário, para interagir com o conteúdo da página, talvez seja necessário injetar um Script de Conteúdo ou bisbilhotar no trânsito com webRequest API.