Programmazione google-chrome-devtools

4

Ispeziona l'elemento che appare solo quando un altro elemento viene passato / inserito con il mouse

Spesso voglio ispezionare un elemento (es. Tooltip) che appare solo quando un altro elemento viene passato / inserito con il mouse. L'elemento che appare, è reso visibile tramite l'evento mouseenter di jQuery. Non riesco a controllare il suggerimento, poiché il suggerimento scompare quando il mio mouse lascia l'elemento contenitore. C'è …

119 javascript google-chrome-devtools

1

Come filtrare (nascondere) le richieste pre-volo sulla mia rete di strumenti di sviluppo

Normalmente vengono mostrate entrambe le chiamate, il pre-volo e la richiesta effettiva. Questo a volte è fastidioso. C'è un modo per nascondere le richieste pre-volo? Oppure esiste un plugin per filtrare determinate richieste in base alle intestazioni?

117 cors google-chrome-devtools

3

Come cercare elementi DOM utilizzando XPath o selettori CSS negli strumenti per sviluppatori di Chrome?

Il documento http://code.google.com/chrome/devtools/docs/elements.html dice che supporta XPath o selettori CSS, ma quando ho provato, non sembrava funzionare per me. Qualcuno sa come usarlo?

116 dom google-chrome google-chrome-devtools

1

Chrome> = 24 - come ancorare i devtools a destra?

Mi piace ancorare i devtools a destra. Ricordo quanto fossi felice quando ho visto per la prima volta quell'opzione quando mi sono reso conto che non dovevo più dividere lo schermo e posizionare le finestre manualmente. Nelle versioni recenti di Chrome questa opzione sembra mancare. Anche sulle mie installazioni in …

112 google-chrome-devtools

20

Ispezionare l'elemento al passaggio del mouse in Chrome?

Sto cercando di visualizzare, tramite gli strumenti per sviluppatori di Chrome, come sono strutturati i suggerimenti su un sito. Tuttavia, anche quando si passa con il mouse sopra l'elemento, quando "ispeziono l'elemento", non viene visualizzato nulla per il suggerimento nell'html. So di poter impostare lo stile su :hover, ma non …

106 html css hover google-chrome-devtools

12

Come posso visualizzare le richieste di rete (per il debug) in React Native?

Vorrei visualizzare le mie richieste di rete in React Native per aiutarmi a eseguire il debug, idealmente nella scheda "Rete" degli strumenti di sviluppo di Chrome. Ci sono alcuni problemi chiusi al riguardo su GitHub ( https://github.com/facebook/react-native/issues/4122 e https://github.com/facebook/react-native/issues/934 ) ma non lo faccio t capirli completamente. Sembra che sia …

102 javascript google-chrome-devtools react-native

9

"Ispezionare" un elemento al passaggio del mouse?

Nota: ho letto thread simili, ma nessuno è un mio problema: posso fare clic con il pulsante destro del mouse su di esso bene, solo allora scompare. Trovo "Inspect Element" uno strumento inestimabile in Chrome, tuttavia la mia ultima incursione mentre imparo i modi magici in cui molti di voi …

101 google-chrome google-chrome-devtools

6

Come utilizzare Chrome Web Inspector per visualizzare il codice al passaggio del mouse

L'utilizzo di chromes web inspector per visualizzare il codice è molto utile. Ma come si visualizza ad esempio il codice hover per un pulsante? Dovrai passare il mouse sul pulsante e quindi non puoi usarlo (mouse) nell'ispettore. Esistono scorciatoie o altri modi per eseguire questa operazione nell'ispettore?

99 css google-chrome google-chrome-devtools web-inspector

3

Cos'è shadow root

Negli strumenti per sviluppatori di Google Chrome, vedo un tag a #shadow-rootdestra sotto <html lang="en">. cosa fa ea cosa serve? Non lo vedo in Firefox né in IE; solo in Chrome, è una caratteristica speciale? Se lo apro, mostra <head>e <body>e un collegamento accanto a denominato reveal, facendo clic, punta …

99 html google-chrome dom google-chrome-devtools

6

Posso dire al debugger degli script di Chrome di ignorare jquery.js?

C'è un modo per dire al debugger di Chrome (o forse a Firebug?) Di non rompersi all'interno di determinati file? Per presumere che non siano rotti, essenzialmente? Sembra qualcosa in cui potrebbero costruire.

98 javascript google-chrome-devtools

4

Come andare a un file specifico negli Strumenti per sviluppatori di Chrome?

Sto sviluppando un'applicazione web con un pesante approccio front-end. Utilizzando Dojo e AMD-way, attualmente ho schermate di test che possono facilmente caricare oltre un centinaio di file javascript diversi. Quando voglio eseguire il debug per un problema specifico o verificare se sto vedendo una vecchia versione di un file specifico, …

97 javascript debugging google-chrome google-chrome-devtools frontend

3

Come utilizzare il selettore di colori (contagocce)?

C'è uno strumento molto utile integrato nello strumento di sviluppo di Chrome, che ho appena scoperto. Non conosco nemmeno il suo nome e non riesco a trovarlo su Google. Direi che è uno strumento di ispezione pixel. Trovo il seguente metodo come usarlo: 1a. Ispeziona un elemento html con il …

96 google-chrome-devtools

1

Qual è la differenza tra "trasferito" e "risorse" nella scheda Rete di Chrome DevTools?

In che modo differiscono queste due quantità di dati che si trovano nella parte inferiore della scheda Rete?

96 google-chrome google-chrome-devtools

2

Emulatore di Google Chrome Mobile: come mostrare la tastiera sullo schermo

Sto eseguendo il debug di una versione mobile del nostro sito Web tramite lo strumento di emulazione mobile di Chrome, ma non riesco a capire come visualizzare una tastiera su schermo quando si seleziona un campo di testo. Ho fatto clic sulla casella di testo, ma non viene visualizzata alcuna …

95 google-chrome mobile google-chrome-devtools

3

Interrompi javascript prima di un reindirizzamento javascript inline in Chrome

Sto visualizzando una pagina che ha un javascript redirect ( window.location = "/anotherpage") inline . Voglio caricare la pagina in Chrome ma ho la linea di reindirizzamento disabilitata, così posso utilizzare la pagina senza essere reindirizzato. Ecco cosa ho provato: Strumenti per sviluppatori -> Cog -> Generale -> Disabilita JavaScript. …

91 redirect google-chrome-devtools

Domande taggate «google-chrome-devtools»