Ispezionare gli elementi su un Chromebook \u00e8 uno strumento utile per curiosare nel codice front-end di un sito web: HTML, CSS e persino un po’ di JavaScript.\u00c8 utile principalmente per il debug o per apportare modifiche particolari, ma tieni presente che queste modifiche sono solo temporanee. Ricarica la pagina e tutto torner\u00e0 alla normalit\u00e0. Provalo se stai armeggiando con il web design o anche solo per risolvere alcuni problemi di layout. Poich\u00e9 i Chromebook eseguono Chrome OS, il processo \u00e8 praticamente lo stesso di Chrome standard, ma a volte si incontrano strani blocchi, soprattutto se si utilizzano dispositivi scolastici o di lavoro in cui entrano in gioco le restrizioni amministrative. Quindi, sapere come accedere o addirittura aggirare alcune di queste restrizioni pu\u00f2 essere un vero toccasana. Se il normale metodo del clic destro non funziona, ad esempio perch\u00e9 \u00e8 disabilitato o bloccato, puoi provare alcuni metodi alternativi. Ecco alcune opzioni per far funzionare questi strumenti di sviluppo sul tuo Chromebook, che tu sia semplicemente stanco delle fastidiose restrizioni o che tu voglia dare un’occhiata al codice di un sito per divertimento.<\/p>\n
Questo \u00e8 il metodo pi\u00f9 semplice: basta fare clic con il pulsante destro del mouse (o toccare con due dita se si utilizza un trackpad) su qualsiasi elemento che si desidera esaminare, quindi selezionare Ispeziona<\/strong>. Nella maggior parte delle configurazioni, si aprir\u00e0 immediatamente il pannello Strumenti per sviluppatori ed evidenzier\u00e0 il codice per quell’elemento. Abbastanza semplice, vero? Tuttavia, a volte i siti bloccano il clic con il pulsante destro del mouse, soprattutto se i proprietari di contenuti stanno cercando di proteggere i propri contenuti. In tal caso, passa alle opzioni pi\u00f9 avanzate riportate di seguito. Nella mia configurazione, su alcuni siti, il clic con il pulsante destro del mouse inizialmente non funziona, ma dopo un rapido aggiornamento della pagina o un blocco degli script\/disabilitazione, improvvisamente funziona.\u00c8 strano come queste protezioni possano essere cos\u00ec incoerenti.<\/p>\n Se il tasto destro del mouse \u00e8 disabilitato o sei semplicemente pigro, Ctrl + Maiusc + C<\/strong> \u00e8 il tuo amico. Attiva immediatamente la stessa funzione “Ispeziona”.Quando si aprono gli strumenti per sviluppatori, vedrai una piccola icona a forma di freccia nell’angolo in alto a sinistra del pannello degli strumenti. Cliccandoci sopra, appare un cursore a forma di mirino: clicca su qualsiasi elemento della pagina per ispezionare solo quella parte. Sembra un modo rapido per iniziare senza dover navigare nei menu. Su alcuni siti, questa scorciatoia funziona subito come per magia, ma su altri, soprattutto sui siti con protezione elevata, potrebbe non fare nulla a meno che tu non abbia abilitato alcune autorizzazioni extra. Perch\u00e9, ovviamente, Chrome deve rendere la cosa pi\u00f9 difficile del necessario.<\/p>\n Se preferisci i menu, apri il menu di Chrome cliccando sui tre puntini ( ellissi verticale<\/strong> ) nell’angolo in alto a destra. Quindi vai su Altri strumenti > Strumenti per sviluppatori<\/strong>. Si aprir\u00e0 il pannello di sviluppo a destra o in basso. Da l\u00ec, clicca sulla scheda Elementi<\/strong> e il gioco \u00e8 fatto. Per ispezionare elementi specifici, clicca sull’icona a forma di freccia nel pannello e seleziona qualsiasi parte della pagina che desideri analizzare.\u00c8 semplice, ma, ripeto, se gli strumenti per sviluppatori sono bloccati, potrebbe non funzionare. A volte, riavviare Chrome o cancellare la cache pu\u00f2 aiutare ad aggiornare le autorizzazioni, ma sui dispositivi scolastici, questo potrebbe fallire silenziosamente.<\/p>\n Ora, se utilizzi un Chromebook con restrizioni, come quello scolastico, \u00e8 probabile che tutte queste opzioni siano bloccate. Ma, per essere un po’ furtivi, esiste una soluzione alternativa se hai bisogno di ispezionare qualcosa di basilare. Una soluzione che ho visto funzionare \u00e8 l’aggiunta di un bookmarklet che inserisce un piccolo script nella pagina: come questo, ho dovuto copiare e incollare nell’URL di un segnalibro:<\/p>\n In pratica, questo trasforma la pagina in una sorta di documento modificabile, cos\u00ec puoi modificarne la visualizzazione. Non \u00e8 esattamente la stessa cosa degli strumenti di sviluppo, ma se vuoi vedere come sono disposti i diversi elementi o modificare del contenuto statico, \u00e8 una soluzione rapida. Per farlo, crea un nuovo segnalibro (dal menu, Segnalibri > Aggiungi segnalibro<\/strong> ) e incolla il codice nel campo URL. Ora, cliccando su quel segnalibro su qualsiasi pagina, lo renderai modificabile. Tuttavia, non avrai accesso completo a CSS e HTML come negli strumenti di sviluppo, ma \u00e8 sufficiente per qualche ritocco occasionale. Tieni presente che sui dispositivi bloccati, questo metodo potrebbe essere disabilitato o non funzionare se l’amministratore ha ulteriormente inasprito le restrizioni.<\/p>\n Onestamente, \u00e8 un po’ frustrante come alcuni ambienti blocchino le funzionalit\u00e0 di base per gli sviluppatori web, ma ci sono delle soluzioni alternative. Bisogna solo approfondire queste opzioni, e a volte procedere per tentativi. Se state cercando di aggirare le restrizioni, ricordate: la cautela \u00e8 fondamentale, soprattutto negli ambienti gestiti. Tuttavia, per uso personale, questi trucchi possono risparmiarvi un sacco di grattacapi quando volete solo dare un’occhiata sotto il cofano.<\/p>\n","protected":false},"excerpt":{"rendered":" Ispezionare gli elementi su un Chromebook \u00e8 uno strumento utile per curiosare nel codice front-end di un sito web: HTML, CSS e persino un po’ di JavaScript.\u00c8 utile principalmente per il debug o per apportare modifiche particolari, ma tieni presente che queste modifiche sono solo temporanee. Ricarica la pagina e tutto torner\u00e0 alla normalit\u00e0. Provalo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12874","post","type-post","status-publish","format-standard","hentry","category-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/posts\/12874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/comments?post=12874"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/posts\/12874\/revisions"}],"predecessor-version":[{"id":12875,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/posts\/12874\/revisions\/12875"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/media?parent=12874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/categories?post=12874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/it\/wp-json\/wp\/v2\/tags?post=12874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Utilizzo dei tasti di scelta rapida<\/h3>\n
Utilizzo del menu Chrome<\/h3>\n
Sbloccare gli strumenti per sviluppatori o trucchi pi\u00f9 avanzati<\/h3>\n
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0<\/code><\/pre>\n