Suggerimenti per l'utilizzo dell'elemento Inspect nel browser Google Chrome

Supponendo che tu voglia suggerimenti sull'utilizzo della funzione Ispeziona elemento nel browser Google Chrome: Fai clic con il pulsante destro del mouse sull'elemento che desideri ispezionare e seleziona 'Ispeziona' dal menu a discesa. Puoi anche utilizzare la scorciatoia da tastiera Ctrl+Maiusc+I (Windows) o Cmd+Opt+I (Mac) per aprire Impostazioni. Una volta aperto Inspector, vedrai l'HTML per la pagina a sinistra e il CSS a destra. Puoi apportare modifiche all'HTML e al CSS nell'Inspector e vedere che tali modifiche hanno effetto immediato sulla pagina. Per uscire dall'Ispettore, fai semplicemente clic sulla X nell'angolo in alto a destra.

Google Chrome non è solo per gli utenti Web generici, ma anche per gli sviluppatori Web che spesso creano siti Web, creano blog, ecc. Controllare l'elemento O Ispezionare L'opzione Google Chrome aiuta gli utenti a trovare alcune informazioni su un sito Web nascosto alla vista. Ecco alcuni suggerimenti per l'utilizzo di Inspect Element nel browser Google Chrome per PC Windows.

Controlla l'elemento di Google Chrome

1] Trova file JavaScript/media nascosti

avviso di virus da microsoft

Molti siti Web mostrano pop-up se un visitatore rimane su una pagina Web per più di 15 o 20 secondi. Oppure, in molti casi, un'immagine, un annuncio o un'icona si apre dopo aver fatto clic accidentalmente da qualche parte. Per trovare questi file nascosti su una pagina web, puoi usare Fonti Scheda Ispeziona elemento. Sulla sinistra viene visualizzato un elenco ad albero che puoi esplorare.

le miniature di OneDrive non vengono visualizzate

2] Ottieni il codice colore HEX/RGB in Chrome

A volte ci può piacere un colore e vogliamo conoscerne il codice colore. Puoi facilmente trovare il codice colore HEX o RGB utilizzato su una particolare pagina web utilizzando l'opzione integrata in Google Chrome. Fare clic con il pulsante destro del mouse su un colore e selezionare Ispezionare . Nella maggior parte dei casi, ti ritroverai con un codice colore sul lato destro con CSS diversi. Se non lo vedi, potrebbe essere necessario utilizzare un software gratuito per la selezione dei colori.

MANCIA : Dai un'occhiata a questi Strumenti di selezione colore online Stesso.

3] Ottieni suggerimenti per migliorare le prestazioni delle pagine web

icona del globo di Windows 10

Tutti amano visitare un sito che si apre velocemente. Se stai progettando il tuo sito web, dovresti sempre tenerlo a mente. Esistono molti strumenti per testare e ottimizzare la velocità di caricamento della pagina. Tuttavia, Google Chrome ha anche uno strumento integrato che consente agli utenti di ottenere suggerimenti per migliorare la velocità di caricamento del sito web. Per accedere a questi strumenti, vai a Verifica scheda e assicurati Utilizzo della rete , Prestazioni della pagina web , io Ricaricamento della pagina e verifica al caricamento selezionato. Quindi fare clic su correre pulsante. Ricaricherà la pagina e ti mostrerà alcune informazioni che possono essere utilizzate per velocizzare la pagina. Ad esempio, puoi ottenere tutte le risorse che non hanno cache scaduta, JavaScript che può essere combinato in un unico file e così via.

4] Test di reattività

Al giorno d'oggi, è estremamente importante rendere una pagina Web reattiva. Esistono molti strumenti che possono verificare se il tuo sito è completamente reattivo. Tuttavia, questo strumento di Google Chrome aiuta gli utenti sapere se un sito è reattivo o meno e controlla anche come apparirà su un dispositivo mobile specifico. Apri qualsiasi sito, ottieni Controllare l'elemento scheda, fare clic su mobile fare clic sul pulsante, impostare la risoluzione o selezionare il dispositivo desiderato per controllare la pagina web.

disabilitare l'avvio protetto di Windows 10

5] Modifica sito Web live

Supponiamo che tu stia costruendo una pagina web, ma non sai quale sia la combinazione di colori, le dimensioni del menu di navigazione, il contenuto o le proporzioni della barra laterale. Puoi modificare il tuo sito Web live utilizzando l'opzione Ispeziona elemento in Google Chrome. Sebbene non sia possibile salvare le modifiche a un sito Web live, è possibile eseguire tutte le modifiche in modo da poterlo utilizzare in seguito. Per fare ciò, apri l'elemento Ispeziona, seleziona la proprietà HTML sul lato sinistro e apporta le modifiche allo stile sul lato destro. Se apporti modifiche al CSS, puoi fare clic sul collegamento al file, copiare tutto il codice e incollarlo nel file originale.

Inspect Element di Google Chrome è un vero compagno di ogni sviluppatore web. Che tu stia progettando un sito Web a pagina singola o un sito Web dinamico, puoi sicuramente trarre vantaggio da questi suggerimenti.