2013-02-12 12 views
5

Vorrei evidenziare un elemento dom dall'estensione di chrome dev-tools nello stesso modo in cui Element inspector (in strumenti dev) lo fa. C'è qualche API speciale per questo? GrazieEvidenzia nodo con estensione chrome devtools

+0

Sì, ci sono [API devtools] (https://developer.chrome.com/extensions/devtools.inspectedWindow.html) – Sudarshan

+1

Ho già passato attraverso devtools API e non riesco a trovare nulla che possa fare questo. – user2064259

risposta

5

Ogni volta che si valuta un codice nella pagina ispezionata utilizzando la console DevTools, DevTools espone una serie di chiamate di supporto note come command line API. Questa API include la chiamata inspect() che ha lo stesso effetto di se l'utente ha richiamato "Ispeziona elemento" dal menu di scelta rapida, ad esempio fa apparire il pannello Elementi ed evidenzia il nodo. L'ispezione() chiamare e il resto della riga di comando API è disponibile per il codice valutate dalla DevTools extnesions utilizzando chrome.devtools.inspectedWindow.eval(), in modo da poter fare cose come:

chrome.devtools.inspectedWindow.eval("inspect(document.body)"); 

Se si desidera solo l'evidenziazione sul lato della pagina ispezionata, senza che nulla avvenga nel pannello Elementi (ad esempio quando si passa con il mouse sulla pagina con la modalità di ricerca DOM attivata dal riquadro di visualizzazione nel pannello Elementi), sarà necessario implementarlo da solo , perché attualmente non ci sono API per questo. Suggerirei semplicemente di aggiungere uno stile personalizzato a un elemento usando uno script di contenuto.

Problemi correlati