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
risposta
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.
- 1. Chrome DevTools console estensione
- 2. Asset Pipeline funziona con Chrome DevTools Autosave
- 3. Chrome DevTools frame timing evento
- 4. Promise Tab in Chrome DevTools
- 5. Disabilita chrome reagisci DevTools per la produzione
- 6. Come includere Chrome DevTools in Electron?
- 7. L'emulazione touch di Chrome DevTools non funziona
- 8. Estensione Chrome: portafoglio bitcoin
- 9. Modifica contenuto DOM con estensione Chrome
- 10. Estensione CORS Chrome con versione manifest 2
- 11. Estensione Google Chrome: evidenzia il div al passaggio del mouse su
- 12. Evidenzia parole di ricerca come Chrome con jQuery
- 13. Notifica estensione desktop Chrome
- 14. cookie Elimina estensione Chrome
- 15. Cursore personalizzato estensione Chrome
- 16. Estensione Chrome: come creare?
- 17. debug in devtools con Webpack
- 18. Autentica estensione chrome tramite Facebook
- 19. Estensione Chrome - salvataggio file PDF
- 20. Estensione Google Chrome: Mac Compatibilità
- 21. ID estensione Chrome - come trovarlo
- 22. Google Chrome estensione percorso relativo
- 23. Chrome Devtools: salva richieste specifiche nella scheda di rete
- 24. Trova quale variabile contiene un valore utilizzando Chrome Devtools
- 25. Chrome DevTools cerca tutti i file javascript nel sito web
- 26. Come utilizzare i punti di rottura in sourcemaps (Chrome DevTools)
- 27. sintassi estensione .scss.erb che evidenzia per SCSS in Aptana/eclissare
- 28. NetBeans - Evidenzia sintassi html con file twig
- 29. Come eseguire il debug dell'estensione del pannello chrome devtools?
- 30. Chrome 48 "DevTools è stato disconnesso dalla pagina" errore
Sì, ci sono [API devtools] (https://developer.chrome.com/extensions/devtools.inspectedWindow.html) – Sudarshan
Ho già passato attraverso devtools API e non riesco a trovare nulla che possa fare questo. – user2064259