Как отлаживать программный файл JS в google chrome?

Я вставляю js файл на каждую страницу в google chrome через

chrome.browserAction.onClicked.addListener(function(tab) {  
  chrome.tabs.executeScript(null,{file:"js/content.js"},function(resultArr){
    console.log(resultArr);
  });  
});

content.js

console.log("hello stackoverflow");

Я вижу hello stackoverflow, напечатанный в консоли веб-страницы. Но я не могу найти исходный файл, поэтому я могу его отладить. Любая идея как?

Ответ 1

Используйте ключевое слово debugger. Это похоже на вставку точки останова в ваш JS-код.

поэтому в content.js

debugger;
console.log("hello stackoverflow");

Ответ 2

Я знаю, что это старый вопрос, но для любого, кто сталкивается с этим, есть более чистое решение.

Просто добавь

//@ sourceURL = your_injected_file.js

в верхней части your_injected_file.js. После первого внедрения сценария сценарий должен отображаться в разделе "Инструменты разработчика"> "Источники"> "Сценарии содержимого".

Ответ 3

Вы можете ввести в своей консоли следующее: angular.element($ 0).scope()

Затем вы можете найти функцию, которую хотите отладить, расширив результат.

Вы увидите ссылку FunctionLocation как один из дочерних элементов под узлом. Вы можете нажать на ссылку, чтобы открыть файл, в котором вы можете поставить точку отладки и отладки.