Kann ich mit der chrome.devtools API auf JavaScript-Snippets zugreifen?

8

Ich möchte Chrome Developer Tools-Erweiterungen erstellen, die Zugriff auf neu hinzugefügte Snippets im Quellbereich benötigen.

Hat die chrome.devtools API Zugriff auf Snippets?

    
Mohsen 30.11.2012, 20:55
quelle

2 Antworten

11

Ja, Sie können dies über chrome.devtools.inspectedWindow API ()

tun

Sie können

nachverfolgen

a) Inhalt aller verfügbaren Snippets

b) Wann immer ein neues Snippet hinzugefügt wird und sein Inhalt

c) Wann immer ein Snippet mit neuem Inhalt aktualisiert wird

Wie auch immer, um das Debugging usw. zu aktivieren, müssen Sie experimentelle Entwicklerflags aktivieren .

Sie können folgenden Code als Referenz verwenden und Sie können ihn gemäß Ihren Anforderungen erweitern.

manifest.json

Sie müssen

hinzufügen
  

"devtools_page": "devtools.html",

Code zu Ihrer Datei "manifest.json"

Beispiel manifest.json

%Vor%

devtools.html

Fügen Sie devtools.js hinzu, um Inline-Scripting

zu vermeiden

Beispiel "devtools.html"

%Vor%

devtools.js

Fügen Sie verwandten Code für

hinzu

a) chrome.devtools.inspectedWindow.getResources

b) chrome.devtools.inspectedWindow.onResourceAdded.addListener

c) chrome.devtools.inspectedWindow.onResourceContentCommitted.addListener ( )

Beispiel devtools.js

%Vor%

Nachdem Sie alle 3 Codes zusammengefügt haben, erhalten Sie

Ausgabe 1)

Ausgabe 2)

Ausgabe 3)

Hoffe, das hilft :)

    
Sudarshan 01.12.2012 07:33
quelle
0

Ich habe danach gesucht, aber die akzeptierte Antwort ist ziemlich alt und ab Januar 2016 können Sie nicht über localStorage auf Snippets zugreifen.

siehe auch:

Ссылка
In welcher Datei werden die Snippets von Chrome Dev Tool gespeichert?

    
Daniel Lizik 15.02.2016 04:52
quelle