Come ispezionare un elemento su un laptop Chromebook?
Importanza di ispezionare un elemento web
L'ispezione dell'elemento è utile in molti modi come puoi:
- Vedere il codice sorgente della pagina web
- Eseguire il debug
- Cerca le parole chiave
- Modifica i file CSS, HTML per modificare la pagina Web
- Nel pannello della console è possibile controllare le nuove funzionalità
- Scarica le immagini
- Puoi vedere informazioni nascoste
Modi per ispezionare gli elementi web su Chromebook
Google Chrome è il browser predefinito su Chromebook. Esistono tre modi diversi attraverso i quali le pagine Web possono essere ispezionate nel tuo Chromebook:
- Tramite l'opzione Strumenti per sviluppatori
- Tramite il tasto di scelta rapida della tastiera
- Usando il mouse o il touchpad
1: tramite l'opzione Strumenti per sviluppatori
Gli "strumenti per sviluppatori" sono noti come pannello elementi che consente di modificare la tua pagina dalla parte anteriore. Ti consente anche di vedere le modifiche direttamente sulla tua pagina senza implementarle. Puoi ispezionare il tuo sito Web su Chromebook utilizzando la modalità sviluppatore.
Per aprire gli strumenti per sviluppatori sul tuo Chromebook seguendo questi passaggi:
Passo 1: Apri il browser Chrome sul tuo Chromebook:
Passo 2: Fai clic sull'icona dei tre punti nel browser Chrome:
Passaggio 3: Fai clic su più strumenti e seleziona Strumenti per sviluppatori:
Passaggio 4: Questo aprirà la modalità sviluppatore in cui è possibile vedere il codice sorgente della pagina Web:
2: tramite il tasto di scelta rapida della tastiera
La scorciatoia da tastiera è il metodo più semplice da ispezionare su Chromebook. Se apri qualsiasi sito Web e qualsiasi elemento sulla pagina attira la tua attenzione e sei curioso di sapere su quell'elemento, quindi premi il Ctrl+shift+i per aprire il Strumenti di sviluppo e ispezionare quell'elemento.
3: usando il mouse o il touchpad
È possibile utilizzare l'elemento Ispezione per riprodurre direttamente con il codice Web sullo schermo. Sono le informazioni dettagliate della pagina, il suo design e il suo stile. Se si desidera modificare qualsiasi elemento o stile, apri semplicemente il sito Web e fai clic con il tasto destro sulla pagina e seleziona il Ispezionare Opzione dal menu. Uno strumento sviluppatore sarà aperto dove puoi cambiare il testo in base alle tue preferenze.
Come sbloccare l'opzione di ispezione dell'elemento su Chromebook?
Non esiste un metodo specifico per sbloccare l'elemento ispezionato su Chromebook. Principalmente nell'amministrazione Chromebook della scuola blocca l'elemento Ispezione, in questo caso contattare l'amministratore per abilitare l'elemento ispezionato o puoi anche acquistare un Chromebook personale.
Un altro modo per sbloccare l'elemento di ispezione su Chromebook è disabilitare l'opzione JavaScript. Segui questi passaggi per bloccare il JavaScript:
Passo 1: Fare clic sull'opzione a tre punti per aprire il Impostazioni del browser Chrome:
Passo 2: Cercare JavaScript e fare clic su Impostazioni del sito:
Passaggio 3: Navigare verso il JavaScript opzione:
Passaggio 4: Nell'ultimo passaggio Seleziona Non consentire ai siti di usare JavaScript, Questo spegnerà l'opzione JavaScript per tutti i siti Web.
Nota: È possibile spegnere l'opzione JavaScript per alcuni siti Web specifici selezionando il comportamento personalizzato e fare clic su Aggiungi sito:
Ora l'opzione Ispezione sarà disponibile quando fai clic con il pulsante destro del mouse su qualsiasi sito Web.
Conclusione
Ispezionare l'elemento è un'opzione sviluppatore attraverso la quale è possibile controllare e modificare il codice Web e apportare i cambiamenti in base a te. Questa opzione viene utilizzata anche per eseguire il debug del codice Web. Se non hai conoscenza dell'ispezione degli elementi web, questo articolo sarà davvero utile per te.