• Chi siamo
  • Annunciare
  • politica sulla riservatezza
  • Contattaci
Notizie MasterTrend
  • Casa
    • BLOG
    • SERVIZIO TECNICO
    • NEGOZIO
  • Tutorial
  • Hardware
  • gioco
  • Cellulari
  • Sicurezza
  • Finestre
  • AI
  • Software
  • Reti
  • Notizia
  • it_ITItalian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • thThai
    • pl_PLPolish
    • tr_TRTurkish
    • id_IDIndonesian
    • hi_INHindi
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
Nessun risultato
Vedi tutti i risultati
  • Casa
    • BLOG
    • SERVIZIO TECNICO
    • NEGOZIO
  • Tutorial
  • Hardware
  • gioco
  • Cellulari
  • Sicurezza
  • Finestre
  • AI
  • Software
  • Reti
  • Notizia
  • it_ITItalian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • thThai
    • pl_PLPolish
    • tr_TRTurkish
    • id_IDIndonesian
    • hi_INHindi
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
Nessun risultato
Vedi tutti i risultati
Notizie MasterTrend
Nessun risultato
Vedi tutti i risultati
Inizio Tutorial

Trucchi di Element Inspector: trasforma subito il tuo sito web! ⚡️

Approfondimenti di MasterTrend di Approfondimenti di MasterTrend
2 aprile 2025
In Tutorial
Tempo di lettura:Lettura di 9 minuti
A A
0
Trucchi per Element Inspector: 8 trucchi da conoscere assolutamente!
5
CONDIVISO
13
Visualizzazioni
Condividi su FacebookCondividi su Twitter

Contenuto

  1. Trucchi per Element Inspector: 8 trucchi da conoscere assolutamente! 🛠️
  2. 1 . Scarica Immagini
    1. Passo 1
    2. Passo 2
    3. Passo 3
  3. 2 . Scarica video
    1. Passo 1
    2. Passo 2
    3. Passo 3
  4. 3 . Cattura schermate a pagina intera
  5. 4 . Fai finta di essere al telefono
  6. 5 . Identificare le fonti
  7. 6 . Modificare il testo su una pagina (temporaneamente)
  8. 7 . Elimina elementi
  9. 8 . Identificare i valori del colore
    1. Pubblicazioni correlate

Trucchi per Element Inspector: 8 trucchi da conoscere assolutamente! 🛠️

L'Element Inspector nel tuo browser potrebbe sembrare uno strumento riservato agli sviluppatori, ma in realtà puoi usarlo per fare cose davvero interessanti anche se non sai nulla di programmazione! 🚀

1 . Scarica Immagini

Forse hai bisogno di scaricare un'immagine da un sito web. Provi a fare clic con il tasto destro e a premere "Salva immagine", ma scopri che l'opzione è disattivata o il pulsante "Salva immagine" non viene visualizzato. Altre volte potresti riuscire a scaricare solo una miniatura dell'immagine e non l'intero file. 🤔 Che succede?

Spesso gli sviluppatori disabilitano intenzionalmente questo pulsante "Salva immagine" oppure utilizzano un framework web che non consente di scaricare le immagini in questo modo. Ma esiste una soluzione pratica nell'ispettore Elementi. È possibile ottenere qualsiasi risorsa di immagini da un sito web, in dimensioni reali, in tre semplici passaggi. 📸

A volte queste immagini sono bloccato per motivi di licenza e copyright, quindi fate attenzione e attenetevi al fair use per evitare problemi legali. ⚖️

Passo 1

Fa fare clic con il tasto destro del mouse su in qualsiasi punto della pagina e seleziona "Ispeziona elemento" o "Ispeziona". Puoi anche utilizzare la scorciatoia da tastiera specifica per l'ispettore all'interno del tuo browser. F12 funziona nella maggior parte dei browser e sistemi operativi. Per questa demo utilizzo Firefox, ma i passaggi sono identici. 🖱️

Passo 2

Nella finestra Element Inspector, fare clic sulla scheda "Rete". La scheda di rete dovrebbe avere "Immagini" come uno dei suoi sottomenu. Fare clic su "Immagini". 🖼️

Ora ricarica la pagina in modo che tutte le risorse di immagini vengano visualizzate nella scheda "Immagini". Utilizzare il Pulsante Aggiorna accanto alla barra degli indirizzi dal tuo browser oppure premi Ctrl+R. 🔄

Salvataggio di un'immagine tramite Ispeziona elemento.

Passo 3

Ed ecco fatto. L'intera libreria di immagini dovrebbe essere caricata nell'elenco. L'elenco viene aggiornato dinamicamente: man mano che vengono caricate nuove immagini sul sito web, queste appariranno anche qui. 🖼️✨

È possibile passare il mouse su un file per visualizzarne l'anteprima e le dimensioni. Fare doppio clic per aprire il file in una nuova scheda, dove sarà possibile salvarlo utilizzando il menu contestuale. 💾

Salvataggio di un file immagine tramite Elements Inspector.

2 . Scarica video

Proprio come le risorse di immagini, a volte i siti web non lo consentono scarico video direttamente. Ma è possibile scaricarli caricandoli nell'ispettore degli elementi. Una volta caricati nell'ispettore, è sufficiente fare doppio clic sul nome del file per aprirlo in una nuova scheda. 🎥

Passo 1

Aprire la finestra Element Inspector premendo la scorciatoia da tastiera F12 (dovrebbe funzionare sulla maggior parte dei sistemi). In alternativa, puoi fare clic con il pulsante destro del mouse in un punto qualsiasi della pagina web e selezionare "Ispeziona". Dovrebbe apparire la finestra Element Inspector. 🖱️

Passo 2

Fare clic sulla scheda "Rete" e quindi su "Media" per filtrare tutto tranne i file video. Ricarica la pagina. Cliccando sul pulsante di aggiornamento del browser o premendo Ctrl+R. 🔄

Caricamento di file multimediali tramite Element Inspector in Firefox.

Passo 3

I file video dovrebbero essere caricati in un elenco. Non è possibile visualizzare un'anteprima immediata, ma è possibile fare doppio clic su un file per aprirlo in una nuova scheda. Qui puoi cliccare con il tasto destro e scaricarlo. 🎬

Salvataggio di un file video utilizzando l'elemento inspect.

3 . Cattura schermate a pagina intera

Se vuoi salvare un'intera pagina web, puoi scaricarla rapidamente come file PDF o HTML. Ma cosa succede se si desidera effettuare uno screenshot normale dell'intera pagina? Qui Ti spiego come farlo. 📸

Firefox ha uno strumento dedicato agli screenshot nel menu contestuale, quindi ti mostrerò come farlo in Google Chrome e altri browser. 🌐

Per aprire lo strumento ispettore, fare clic con il pulsante destro del mouse in un punto qualsiasi della pagina o premere F12.

Come acquisire uno screenshot a pagina intera utilizzando l'elemento Inspect in Chrome.

Premere Ctrl+Maiusc+P per aprire la finestra Esegui. Ho scritto Cattura cattura di schermo a grandezza naturale in questa finestra. Cliccaci sopra. 📄

Dovrebbe apparire immediatamente una finestra "Salva con nome", che ti consentirà di salvare lo screenshot della pagina intera in formato JPG. 💾

Salvataggio di uno screenshot a pagina intera utilizzando l'elemento Inspect in Chrome.

4 . Fai finta di essere al telefono

La maggior parte dei siti web si carica in modo diverso a seconda del tipo di dispositivo e delle dimensioni dello schermo. Se vuoi ingannare il sito facendogli credere che stai utilizzando un dispositivo diverso (per qualsiasi motivo), puoi farlo facilmente con lo strumento di ispezione. 📱

In Chrome, apri la finestra Element Inspector dal menu contestuale o con F12. Quindi fare clic sulla piccola icona del computer portatile e del telefono nell'angolo in alto a sinistra. Firefox ha un pulsante simile, chiamato Modalità Responsive Design (Ctrl+Maiusc+M). 🖥️

Modifica dell'agente utente predefinito in Chrome.

Avrai un elenco di dispositivi che puoi emulare e puoi anche regolare manualmente la dimensione del schermo. Una volta scelto un dispositivo mobile, noterai che il tuo browser simula anche i gesti touch. 📱✨

5 . Identificare le fonti

Questo suggerimento è per i creativi, ma chiunque sia curioso di sapere qualcosa sui font utilizzati in un sito web può utilizzare questo trucco. Puoi usare il strumento ispettore per identificare e a volte anche scaricare i font. 🖋️

Per prima cosa, apri lo strumento Ispettore elemento. Quindi, fai clic sulla scheda "Rete" (potrebbe essere nascosta nel menu a discesa) e seleziona "Origine".

Identificare e scaricare i font utilizzando Inspect Element.

Quindi premere Ctrl+R. I font renderizzati verranno caricati nell'elenco, probabilmente in formato WOFF. È possibile scaricarli direttamente facendo doppio clic sul nome del font. Ad esempio, How-To Geek utilizza Roboto come font predefinito. 🔤

Se hai bisogno di informazioni più dettagliate sul font, vai alla scheda "Elementi" e seleziona "Stili". Scorrere verso il basso fino alla proprietà della famiglia di font e fare clic su di essa. Il testo corrispondente sarà evidenziato sul sito web. In questo modo è possibile identificare con precisione una fonte. 🎨

Informazioni dettagliate sul font nel codice sorgente della pagina.

6 . Modificare il testo su una pagina (temporaneamente)

Sapevi che puoi modificare temporaneamente quasi tutto su una pagina web utilizzando l'ispettore? Questo strumento ti consente di modificare il codice che compone il sito web, quindi se conosci un po' di codice, puoi dare alla pagina l'aspetto che preferisci (solo sul tuo computer, finché non ricarichi la pagina). 🛠️

Anche se non conosci la codifica, puoi modificare il testo di base di qualsiasi pagina web. Può essere uno scherzo divertente da fare ai tuoi amici. 😉

Evidenzia il testo sulla pagina che vuoi modificare e cliccaci sopra con il tasto destro del mouse. Quindi seleziona "Ispeziona" o "Ispeziona elemento".

Il frammento di testo pertinente dovrebbe apparire nella scheda Elementi. Basta fare doppio clic e sostituire il testo con quello che si desidera. ✏️

Chiudi l'Element Inspector e il gioco è fatto! Tieni presente che ricaricando la pagina le modifiche verranno annullate. 🔄

7 . Elimina elementi

Proprio come quando si modifica il testo, è possibile anche eliminare elementi specifici da una pagina web. Anche in questo caso, le modifiche saranno effettive solo finché non ricarichi la pagina. ❌

Fai clic con il pulsante destro del mouse sull'elemento che desideri eliminare, quindi seleziona "Ispeziona" o "Ispeziona elemento".

Passa il mouse sulle etichette “

" finché non viene evidenziato l'intero elemento. Quindi premere semplicemente il tasto Canc. 🔚

Rimozione di un elemento dalla pagina web tramite Ispeziona elemento.

E così, è sparito! 🕵️‍♂️

8 . Identificare i valori del colore

Un altro consiglio per i creativi: puoi ottenere valori RGB ed HEX da qualsiasi colore su una pagina web con lo strumento contagocce che troverete nell'ispettore elemento. 🎨

Fare clic con il pulsante destro del mouse in un punto qualsiasi della pagina e aprire l'Inspector. Per impostazione predefinita, la finestra Regole si apre nella scheda Ispettore. Scorri verso il basso per trovare le proprietà contrassegnate con il colore.

Accanto alla proprietà colore dovrebbe essere presente un cerchio o un quadrato colorato. Cliccaci sopra per aprire il selettore colore e premi l'icona contagocce accanto. 🖌️

Utilizzo dello strumento contagocce in Ispeziona elemento.

È possibile trascinare il contagocce in qualsiasi punto della pagina per individuare i valori dei colori. Facendo clic sul contagocce la proprietà verrà automaticamente popolata con il valore di colore appena selezionato. Puoi copiarlo facilmente da qui. 📋

Utilizzo del contagocce tramite Ispeziona elemento.

Questi i suggerimenti sfiorano appena la superficie di quanto sia effettivamente possibile utilizzando l'Ispettore Elementi. Se vuoi approfondire lo sviluppo web, ecco una guida per iniziare. 💻

Condividi questo:
1Fai clic su Mi PiaceLinkedInPinterestXRedditTumblrCielo bluDiscussioniCondividere
1
CONDIVIDERE

Pubblicazioni correlate

  • Riparazione computer
  • Installa Windows 11 Home senza Internet
  • Microsoft Copilot: consigli per l'utilizzo dell'intelligenza artificiale in Windows
  • Intel Alder Lake serie S senza tasti K
  • Ricerca download file WP
  • Sostituzione del disco rigido: sostituisci l'HDD con il notebook SSD
  • Rimozione virus
  • I migliori strumenti diagnostici per Windows 10/11
Etichette: Suggerimenti per il browserContenuto sempreverdeSuggerimenti tecnici
Post precedente

Rimuovi le app sconosciute in Windows 11: scopri 8 segreti! 🔍

Prossima pubblicazione

Come migliorare le prestazioni del tuo Nintendo Switch 🎮💨

Approfondimenti di MasterTrend

Approfondimenti di MasterTrend

Il nostro team editoriale condivide recensioni approfondite, tutorial e consigli per aiutarti a sfruttare al meglio i tuoi dispositivi e strumenti digitali.

Prossima pubblicazione
Come migliorare le prestazioni del tuo Nintendo Switch

Come migliorare le prestazioni del tuo Nintendo Switch 🎮💨

5 2 voti
Valutazione dell'articolo
Iscriviti
Accesso
Notifica di
ospite
ospite
0 Commenti
più antico
Più recente I più votati
Commenti in linea
Vedi tutti i commenti

Rimani connesso

  • 976 I fan
  • 118 Seguaci
  • 1,4k Seguaci
  • 1,8 mila Abbonati

Non perderti le ultime novità in fatto di tecnologia e gaming.
Ogni giorno suggerimenti esclusivi, guide pratiche e analisi.

Modulo di iscrizione
  • Tendenze
  • Commenti
  • Scorso
Le 12 migliori alternative a Lucky Patcher per Android

Alternative a Lucky Patcher: 12 app migliori e più semplici! 🎮⚡

12 maggio 2025
Come aggiungere un orologio al desktop di Windows 11: 3 trucchi infallibili!

Come aggiungere un orologio al desktop di Windows 11: fai di più in pochi minuti! ⏱️

1 maggio 2025
Come utilizzare AdGuard DNS su Android nel 2024

Come utilizzare AdGuard DNS su Android nel 2025

11 febbraio 2025
Come forzare la modalità solo 4G LTE su Android

Come forzare la modalità solo 4G LTE su Android nel 2025

10 febbraio 2025
Funzionalità di Gmail su Android: risparmia tempo con 5 suggerimenti

Funzionalità di Gmail su Android: 5 trucchi che non conoscevi! 📱✨

12
Riparazione Schede Madri - Riparazione Schede Madri

Riparazione della scheda madre del notebook

10
Installa Windows 11 Home senza Internet

Installa Windows 11 Home senza Internet

10
Come eseguire il backup dei driver in Windows 11/10 in 4 passaggi!

Come eseguire il backup dei driver in Windows 11/10: evita errori! 🚨💾

10
Posizione del programma: 5 semplici modi per trovarlo in Windows 11 🔍

Posizione del programma: scopri dove è installato in pochi secondi ⚡️

9 luglio 2025
Rilevato virus qBittorrent

Virus qBittorrent rilevato? Soluzione rapida per evitare blocchi ⚡🛡️

9 luglio 2025
Schermo nero su Instagram: risolvilo subito con questi 11 metodi!

Schermo nero su Instagram: risolvilo subito con questi 11 metodi! ⚡📱

8 luglio 2025
Fortnite Scorpion Come ottenere la medaglia del Primo Sangue

Fortnite Scorpion: come ottenere la medaglia First Blood 🥷🔥

8 luglio 2025

Notizie recenti

Posizione del programma: 5 semplici modi per trovarlo in Windows 11 🔍

Posizione del programma: scopri dove è installato in pochi secondi ⚡️

9 luglio 2025
6
Rilevato virus qBittorrent

Virus qBittorrent rilevato? Soluzione rapida per evitare blocchi ⚡🛡️

9 luglio 2025
4
Schermo nero su Instagram: risolvilo subito con questi 11 metodi!

Schermo nero su Instagram: risolvilo subito con questi 11 metodi! ⚡📱

8 luglio 2025
7
Fortnite Scorpion Come ottenere la medaglia del Primo Sangue

Fortnite Scorpion: come ottenere la medaglia First Blood 🥷🔥

8 luglio 2025
5
Logo di MasterTrend News

MasterTrend Info è la tua fonte di riferimento per la tecnologia: scopri notizie, tutorial e analisi su hardware, software, gaming, dispositivi mobili e intelligenza artificiale. Iscriviti alla nostra newsletter per non perderti nessuna tendenza.

Seguici

Sfoglia per categoria

  • gioco
  • Hardware
  • AI
  • Cellulari
  • Notizia
  • Reti
  • Sicurezza
  • Software
  • Tutorial
  • Finestre

Notizie recenti

Posizione del programma: 5 semplici modi per trovarlo in Windows 11 🔍

Posizione del programma: scopri dove è installato in pochi secondi ⚡️

9 luglio 2025
Rilevato virus qBittorrent

Virus qBittorrent rilevato? Soluzione rapida per evitare blocchi ⚡🛡️

9 luglio 2025
  • Chi siamo
  • Annunciare
  • politica sulla riservatezza
  • Contattaci

Copyright © 2025 https://mastertrend.info/ - Tutti i diritti riservati. Tutti i marchi commerciali appartengono ai rispettivi proprietari.

es_ES Spanish
es_ES Spanish
en_US English
pt_BR Portuguese
fr_FR French
it_IT Italian
ru_RU Russian
de_DE German
zh_CN Chinese
ko_KR Korean
ja Japanese
th Thai
hi_IN Hindi
ar Arabic
tr_TR Turkish
pl_PL Polish
id_ID Indonesian
nl_NL Dutch
sv_SE Swedish
Nessun risultato
Vedi tutti i risultati
  • it_ITItalian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • pl_PLPolish
    • id_IDIndonesian
    • tr_TRTurkish
    • hi_INHindi
    • thThai
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
  • gioco
  • Hardware
  • AI
  • Cellulari
  • Notizia
  • Reti
  • Sicurezza
  • Software
  • Tutorial
  • Finestre

Copyright © 2025 https://mastertrend.info/ - Tutti i diritti riservati. Tutti i marchi commerciali appartengono ai rispettivi proprietari.

Commento Informazioni autore
:wpds_smile::wpds_grin::wpds_wink::wpds_mrgreen::wpds_neutral::wpds_twisted::wpds_arrow::wpds_shock::wpds_unamused::wpds_cool::wpds_evil::wpds_oops::wpds_razz::wpds_roll::wpds_cry::wpds_eek::wpds_lol::wpds_mad::wpds_triste::wpds_esclamazione::wpds_question::wpds_idea::wpds_hmm::wpds_beg::wpds_whew::wpds_chuckle::wpds_silly::wpds_invidia::wpds_shutmouth:
wpDiscuz
RedditCielo bluXMastodonteNotizie sugli hacker
Condividi questo:
MastodonteVKMessaggio di WhatsAppTelegrammasmsNotizie sugli hackerLineaMessaggero
La tua istanza Mastodon