Come esaminare un elemento su un Chromebook

Se armeggiare con il codice di un sito web ti sembra allettante o vuoi risolvere un fastidioso problema di layout, usare lo strumento “Ispeziona elemento” di Chrome è praticamente indispensabile. Ti mostra il codice HTML, CSS e JavaScript grezzo che compone una pagina web, il che può rivelarsi davvero illuminante. Inoltre, puoi apportare modifiche temporanee per vedere come appariranno senza compromettere nulla, un po’ come giocare al dottore con il codice. Sui Chromebook è semplice, ma a volte il metodo che finisci per usare dipende da come preferisci accedervi o dalle scorciatoie che preferisci.

Come ispezionare un elemento su un Chromebook

Poiché i Chromebook sono semplicemente laptop con ChromeOS, gli Strumenti per sviluppatori del browser Chrome sono integrati. Potresti cavartela con un clic destro, oppure potresti preferire i menu o le scorciatoie da tastiera, a seconda di ciò che ti sembra più veloce o comodo. Tieni presente che le opzioni del menu di Chrome a volte si nascondono dietro percorsi diversi a seconda degli aggiornamenti, ma il processo generale rimane lo stesso.

Utilizzo del menu di scelta rapida per ispezionare

Questo è probabilmente il metodo più semplice, perché tutto ciò di cui hai bisogno è un mouse o un touchpad. Niente di complicato, ma efficace. Se non hai voglia di frugare tra menu o impostazioni:

• Apri il browser Chrome e vai alla pagina web che desideri visualizzare.
• Fai clic con il tasto destro del mouse in un punto qualsiasi della pagina: sì, il normale clic con il tasto destro del mouse che useresti per qualsiasi altra cosa.
• Dal menu contestuale, seleziona Ispeziona. Boom: si aprono gli Strumenti per sviluppatori e puoi vedere HTML e CSS.

È un po’ strano come a volte il menu contestuale possa avere un ordine o delle opzioni diverse a seconda del sito web o della versione di Chrome, ma Inspect di solito è presente. In alcune configurazioni, potrebbe chiamarsi __Inspect Element__ o semplicemente __Inspect__.

Utilizzo del menu Chrome (opzione Strumenti per sviluppatori)

Se preferisci usare i menu o preferisci un metodo che non richieda il tasto destro del mouse, il menu di Chrome fa al caso tuo. Questo metodo è utile se preferisci scorrere i menu per accedere ad altre funzionalità per sviluppatori:

• Fai clic sull’icona con i tre puntini nell’angolo in alto a destra di Chrome.
• Passa il mouse su Altri strumenti nel menu a discesa.
• Selezionare Strumenti per sviluppatori dal sottomenu.

Si aprirà un pannello sul lato o in basso nella finestra che mostra il codice sorgente della pagina web. A volte questo metodo è un po’ più lento, ma è più pulito se non si desidera che clic con il tasto destro del mouse accidentali attivino altre opzioni.

Utilizzo della scorciatoia da tastiera per un accesso rapido

Ok, questa è la via più veloce, se ricordi la scorciatoia. Su un Chromebook, è solo una Ctrl + Shift + Icombinazione, e voilà, gli Strumenti per sviluppatori appaiono all’istante. Non c’è bisogno di armeggiare con menu o clic con il tasto destro.

Questa scorciatoia spesso funziona subito, e di solito è quella che uso di default dopo un po’ perché mi sembra più veloce rispetto alla ricerca nei menu. Tieni presente, però, che su alcune configurazioni più recenti o se hai riassegnato i tasti, le scorciatoie potrebbero variare leggermente, ma in genere questa è la scelta standard.

Incartare

Probabilmente, su un Chromebook, ispezionare gli elementi risulta piuttosto naturale una volta che ci si abitua a questi metodi. Che si tratti di un rapido debug, di capire come è strutturato un sito web o semplicemente di armeggiare con gli stili di pagina, gli Strumenti per sviluppatori di Chrome sono un valido aiuto. Il metodo del clic destro è economico e piacevole, l’approccio tramite menu è un po’ più formale e la scorciatoia è un vero e proprio fulmine a ciel sereno.

---

---