Jak przejść do środowiska piaskownicy w skrypcie treści w konsoli JS Chrome

Question

Jeśli otworzę konsolę JavaScript w Narzędziach programisty Chrome, aby debugować skrypty zawartości mojego rozszerzenia, nie otrzymam kontekstu skryptów treści. Na przykład jQuery nie jest dostępny i nie mogę uzyskać dostępu do moich zmiennych globalnych, chyba że przejdę do debuggera i skonfiguruję punkt przerwania.

Czy brakuje mi czegoś? Byłoby świetnie móc sprawdzić moje zmienne globalne z poziomu konsoli JS lub wywołać jQuery.

Answer 1

Obecnie nie jest możliwe wykonywanie ocen w kontekście skryptu treści z wyjątkiem opisanego sposobu ustawiania punktu przerwania/wstawiania instrukcji debuggera i wstrzymywania w skrypcie. Złożyłem w tym celu bug, Możesz dodać siebie do listy CC, aby śledzić jej postępy.

Answer 2

Można to osiągnąć pośrednio poprzez uruchomienie debuggera w wyizolowanym świecie skryptu Treść:

1. wybrać kartę, której treść skrypty chcesz sprawdzić
2. Otwarte narzędzia dev na tej karcie
3. Otwórz inspektora stronie danego numeru wewnętrznego w tle (lub jakąkolwiek inną stronę rozbudowa) w osobnym okienku
4. Run chrome.tabs.executeScript(undefined, {'code': 'debugger'})

Powinieneś także być w stanie użyć słowa kluczowego debugger bezpośrednio w swoim skrypcie treści, jeśli jest miejsce w egzekucji, które chcesz sprawdzić.