Posso aprire a livello di codice devtools da un'estensione di Google Chrome?

88

Ho un'estensione cromata che si aggancia ai devtools. Idealmente, voglio un badge che, quando cliccato, apra gli strumenti di sviluppo nella nuova scheda che ho creato. C'è un modo per farlo dalla pagina in background?

javascript google-chrome-extension google-chrome-devtools

— Paul C Nichols
fonte

dove sei riuscito a trovare una risposta al problema?

— GeorgeU

1

Sarebbe comunque davvero bello, no - eventuali aggiornamenti?

— underrun

Ho postato (e sarà l'aggiunta di una grazia per) un correlato, ma leggermente diversa, domanda qui: stackoverflow.com/questions/16660325/...

— ELLIOTTCABLE

Vedi: stackoverflow.com/questions/36311191/…

— Michael Bakker

2

Se sei curioso come me di sapere cosa Chrome utilizza per aprire devtools quando fai clic sul link "backgroung page" in una pagina di estensione, èchrome.developerPrivate.openDevTools()

— felixfbecker

27

Sembra improbabile che ciò sia possibile o diventerà mai possibile,

controlla questo: https://code.google.com/p/chromium/issues/detail?id=112277

che dice: "Consentiamo solo l'apertura esplicita di devtools".

— lokeshsk
fonte

6

Sì, puoi (o meno) utilizzare le API sperimentali chrome.experimental.webInspector.
http://code.google.com/chrome/extensions/experimental.html
Puoi persino modificare il contenuto e i riquadri.
Tieni presente che non potrai inviare estensioni che utilizzano API sperimentali.

— Derek 朕會功夫
fonte

Tuttavia, vale la pena notare che puoi ospitarli al di fuori della galleria delle estensioni se sei determinato. Anche se ciò significherebbe che gli utenti dovrebbero anche utilizzare il canale dev e abilitare il flag Experimental Extension API .

— Alasdair

19

experimental.webInspectorè ora chiamato chrome.experimental.devtools. Alcune API non sono più sperimentali e sono elencate sotto chrome.devtools. Sfortunatamente, non è possibile aprire automaticamente gli strumenti di sviluppo tramite un'estensione di Chrome.

— Rob W

@ Rob W, Non ho notato che le chrome.devtools.*API sono diventate al di fuori delle API dell'esperimento.

— Derek 朕會功夫

2

Sfortunatamente, non c'è modo per farlo ...

Il collegamento chrome: // chromewebdata funziona solo se un'istanza di dev tools è già aperta ...

— ChristopheCVB
fonte

2

Questo è abbastanza vecchio ma da quando mi sono imbattuto in esso ora alla ricerca di una soluzione, ho pensato che anche altri avrebbero potuto. A partire da Chrome 28 puoi utilizzare devtools. * API. Ciò consente di aprire e manipolare i pannelli DevTools. È anche notevole non più expirimental.

— Il gatto di Final Cut
fonte

Ricordi quale metodo viene utilizzato per aprire programmaticamente i devtools dallo script in background? Tutte le altre risposte (da stackoverflow) sembrano suggerire che è impossibile ...

— Sentero-esp12

@ Sentero-esp12 basta fare clic sul pulsante destro nella pagina necessaria e selezionare "Ispeziona" da essa)

— Acuna

1

Si potrebbe provare

chrome.developerPrivate.openDevTools

— bluehipy
fonte

0

Non è impossibile con l'estensione laterale, ma se il motivo è che sei stanco di fare clic su Ctrl + Maiusc + I ancora e ancora ogni volta - puoi semplicemente aprire il menu del pulsante destro sulla pagina necessaria e selezionare "Ispeziona" da esso, Aprirai la console come il pulsante di estensione e inoltre non è necessario cercare la sua icona ogni volta che ne hai bisogno, il che è più conveniente rispetto all'utilizzo di un'estensione.

— Acuna
fonte