CINXE.COM
<!DOCTYPE html><html lang="it" data-theme-enabled="1"><head><script>window.currentUser = null;</script><script>window.shopCurrency = "EUR";</script><script>window.localCurrency = "EUR";</script><script>window.countryCode = "it";</script><script>window.rateShopTo = {"EUR":1,"USD":1.0784426856242513,"AMD":422.9305849580972};</script><title itemprop="name">Developer console</title><link href="/pack/styles.100020a0bc7cf13be729.css" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><!-- chrome autotranslate is enabled only for "en" main version--><meta name="google" content="notranslate"><script>if (window.devicePixelRatio > 1) document.cookie = 'pixelRatio=' + window.devicePixelRatio + ';path=/;expires=Tue, 19 Jan 2038 03:14:07 GMT';</script><link href="//fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic" rel="stylesheet"><link rel="apple-touch-icon-precomposed" href="/img/favicon/apple-touch-icon-precomposed.png"><link rel="canonical" href="https://it.javascript.info/devtools"><meta name="msapplication-TileColor" content="#222A2C"><meta name="msapplication-TileImage" content="/img/favicon/tileicon.png"><link rel="icon" href="/img/favicon/favicon.png"><meta itemprop="image" content="https://it.javascript.info/img/site_preview_en_512x512.png"><meta property="og:title" content="Developer console"><meta property="og:image" content="https://it.javascript.info/img/site_preview_en_1200x630.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="fb:admins" content="100001562528165"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Developer console"><meta name="twitter:site" content="@iliakan"><meta name="twitter:creator" content="@iliakan"><meta name="twitter:image" content="https://it.javascript.info/img/site_preview_en_512x512.png"><meta name="google-adsense-account" content="ca-pub-6204518652652613"><link rel="prev" href="/code-editors"><link rel="next" href="/first-steps"><script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script><script>window.GA_ID = "UA-2056213-15";</script><script>window.YANDEX_METRIKA_ID = 32184394;</script><script>{function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-2LWB61WGYJ")}</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-2LWB61WGYJ"></script><script>window.metrika={reachGoal:function(){}},window.yandex_metrika_callbacks=[function(){try{window.metrika=new Ya.Metrika({id:YANDEX_METRIKA_ID,webvisor:!0,clickmap:!0,params:{user:window.currentUser&&window.currentUser.id}}),metrika.trackLinks({delay:150}),window.addEventListener("error",function(r){window.metrika.reachGoal("JSERROR",{src:(r.filename||r.errorUrl)+": "+(r.lineno||r.errorLine),stack:r.stack||r.error&&r.error.stack,message:r.message})})}catch(r){}}];</script><script src="//mc.yandex.ru/metrika/watch.js" async></script><script>window.RECAPTCHA_ID = "6LfmLAEVAAAAAJMykMnf7aY8nkyTRmYi2ynx51R1";</script><script src="/pack/init.e9944d85765973026934.js"></script><script src="/pack/head.0bda608a64e89b2bf1e8.js" defer></script><meta property="og:title" content="Developer console"><meta property="og:type" content="article"><script src="/pack/tutorial.68709f8acff7a5842a1b.js" defer></script><script src="/pack/footer.ef1dc588044c3d1cdc9f.js" defer></script></head><body class="no-icons"><script>window.fontTest();</script><div class="page-wrapper page-wrapper_sidebar_on"><!--[if IE]><div style="color:red;text-align:center">Purtroppo Internet Explorer non è supportato, ti preghiamo di utilizzare un browser più recente.</div><![endif]--><div class="sitetoolbar sitetoolbar_tutorial"><script>window.langs = [{"code":"ar","name":"Arabic"},{"code":"az","name":"Azerbaijani"},{"code":"bg","name":"Bulgarian"},{"code":"bn","name":"Bengali"},{"code":"bs","name":"Bosnian"},{"code":"ca","name":"Catalan"},{"code":"cs","name":"Czech"},{"code":"da","name":"Danish"},{"code":"de","name":"German"},{"code":"el","name":"Greek"},{"code":"en","name":"English"},{"code":"es","name":"Spanish"},{"code":"fa","name":"Persian (Farsi)"},{"code":"fi","name":"Finnish"},{"code":"fr","name":"French"},{"code":"he","name":"Hebrew"},{"code":"hi","name":"Hindi"},{"code":"hr","name":"Croatian"},{"code":"hu","name":"Hungarian"},{"code":"hy","name":"Armenian"},{"code":"id","name":"Indonesian"},{"code":"it","name":"Italian"},{"code":"ja","name":"Japanese"},{"code":"ka","name":"Georgian"},{"code":"kk","name":"Kazakh"},{"code":"km","name":"Central Khmer"},{"code":"ko","name":"Korean"},{"code":"ku","name":"Kurdish"},{"code":"ky","name":"Kyrgyz"},{"code":"lt","name":"Lithuanian"},{"code":"me","name":"Montenegrin"},{"code":"ml","name":"Malayalam"},{"code":"ms","name":"Malay"},{"code":"my","name":"Burmese"},{"code":"nl","name":"Dutch"},{"code":"no","name":"Norvegian"},{"code":"pa","name":"Punjabi"},{"code":"pl","name":"Polish"},{"code":"pt","name":"Portuguese"},{"code":"ro","name":"Romanian"},{"code":"ru","name":"Russian"},{"code":"si","name":"Sinhala"},{"code":"sk","name":"Slovak"},{"code":"sl","name":"Slovenian"},{"code":"sq","name":"Albanian"},{"code":"sr","name":"Serbian"},{"code":"ta","name":"Tamil"},{"code":"te","name":"Telugu"},{"code":"test","name":"Test"},{"code":"th","name":"Thai"},{"code":"tk","name":"Turkmen"},{"code":"tr","name":"Turkish"},{"code":"ug","name":"Uyghur"},{"code":"uk","name":"Ukrainian"},{"code":"ur","name":"Urdu"},{"code":"uz","name":"Uzbek"},{"code":"v2","name":"v2"},{"code":"vi","name":"Vietnamese"},{"code":"zh-hant","name":"Chinese Traditional"},{"code":"zh","name":"Chinese"}];</script><script>window.lang = "it";</script><div class="sitetoolbar__content"><div class="sitetoolbar__lang-switcher"><button class="sitetoolbar__dropdown-button" data-dropdown-toggler>IT</button><div class="sitetoolbar__dropdown-wrap"><div class="sitetoolbar__dropdown-body"><div class="sitetoolbar__lang-switcher-body"><div class="supported-langs supported-langs_toolbar"><div class="supported-langs__container"><ul class="supported-langs__list" style="height:200px"><li class="supported-langs__item"><a class="supported-langs__link" href="https://ar.javascript.info/devtools"><span class="supported-langs__brief">AR</span><span class="supported-langs__title">عربي</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://javascript.info/devtools"><span class="supported-langs__brief">EN</span><span class="supported-langs__title">English</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://es.javascript.info/devtools"><span class="supported-langs__brief">ES</span><span class="supported-langs__title">Español</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://fa.javascript.info/devtools"><span class="supported-langs__brief">FA</span><span class="supported-langs__title">فارسی</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://fr.javascript.info/devtools"><span class="supported-langs__brief">FR</span><span class="supported-langs__title">Français</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://id.javascript.info/devtools"><span class="supported-langs__brief">ID</span><span class="supported-langs__title">Indonesia</span></a></li></ul><ul class="supported-langs__list" style="height:200px"><li class="supported-langs__item supported-langs__item_current"><a class="supported-langs__link" href="https://it.javascript.info/devtools"><span class="supported-langs__brief">IT</span><span class="supported-langs__title">Italiano</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://ja.javascript.info/devtools"><span class="supported-langs__brief">JA</span><span class="supported-langs__title">日本語</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://ko.javascript.info/devtools"><span class="supported-langs__brief">KO</span><span class="supported-langs__title">한국어</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://learn.javascript.ru/devtools"><span class="supported-langs__brief">RU</span><span class="supported-langs__title">Русский</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://tr.javascript.info/devtools"><span class="supported-langs__brief">TR</span><span class="supported-langs__title">Türkçe</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://uk.javascript.info/devtools"><span class="supported-langs__brief">UK</span><span class="supported-langs__title">Українська</span></a></li></ul><ul class="supported-langs__list" style="height:20px"><li class="supported-langs__item"><a class="supported-langs__link" href="https://zh.javascript.info/devtools"><span class="supported-langs__brief">ZH</span><span class="supported-langs__title">简体中文</span></a></li></ul></div><div class="supported-langs__text"><p>Vorremo rendere disponibile questo progetto open-source per persone in tutto il mondo.</p> <p><a href="https://javascript.info/translate">Aiutaci a tradurre</a> il contenuto di questo tutorial nella tua lingua!</p> </div></div></div></div></div></div><div class="sitetoolbar__logo-wrap"><a class="sitetoolbar__link sitetoolbar__link_logo" href="/"><img class="sitetoolbar__logo sitetoolbar__logo_normal" src="/img/sitetoolbar__logo_en.svg" width="200" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_normal sitetoolbar__logo_dark" src="/img/sitetoolbar__logo_en-white.svg" width="200" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_small" src="/img/sitetoolbar__logo_small_en.svg" width="70" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_small sitetoolbar__logo_dark" src="/img/sitetoolbar__logo_small_en-white.svg" width="70" alt="" role="presentation"/><script>Array.prototype.forEach.call(document.querySelectorAll("img.sitetoolbar__logo"),function(e){let t=document.createElement("object");t.type="image/svg+xml",t.className=e.className,t.style.cssText="left:0;top:0;position:absolute",t.onload=function(){t.onload=null,e.style.visibility="hidden"},t.data=e.src,e.parentNode.insertBefore(t,e)});</script></a></div><div class="sitetoolbar__nav-toggle-wrap"><button class="sitetoolbar__nav-toggle" type="button"></button></div><nav class="sitetoolbar__sections"><ul class="sitetoolbar__sections-list"></ul></nav><div class="sitetoolbar__right-button-wrap"><a class="sitetoolbar-right-button sitetoolbar-right-button_courses" href="/ebook"><span class="sitetoolbar-right-button__extra-text">Compra</span>EPUB/PDF</a></div><div class="sitetoolbar__theme-switcher"><div class="theme-changer"><label class="theme-changer__label" for="theme-changer-input" data-tooltip="Change theme"><input class="theme-changer__input" type="checkbox" id="theme-changer-input" data-theme-changer="data-theme-changer"/><span class="theme-changer__icon theme-changer__icon_light-theme"></span><span class="theme-changer__icon theme-changer__icon_dark-theme"></span></label></div></div><div class="sitetoolbar__search-wrap"><div class="sitetoolbar__search-content"><button class="sitetoolbar__search-toggle" type="button"></button><form class="sitetoolbar__search" method="GET" action="/search"><div class="sitetoolbar__search-input"><div class="text-input"><input class="text-input__control" name="query" placeholder="Cerca in Javascript.info" required="required" type="text"/></div><button class="sitetoolbar__find" type="submit">Cerca</button></div></form></div></div></div><div class="tablet-menu"><div class="tablet-menu__line"><div class="tablet-menu__content"><form class="tablet-menu-search" action="/search/"><input class="tablet-menu-search__input" type="search" name="query" placeholder="Cerca nel tutorial" required="required"/><button class="tablet-menu-search__button" type="submit" name="type" value="articles">Cerca</button></form></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><a class="map" href="/tutorial/map" data-action="tutorial-map"><span class="map__text">Mappa del tutorial</span></a></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><div class="theme-changer theme-changer_tablet-menu theme-changer_has-label"><label class="theme-changer__label" for="theme-changer-input-tablet" data-tooltip="Change theme"><input class="theme-changer__input" type="checkbox" id="theme-changer-input-tablet" data-theme-changer="data-theme-changer"/><span class="theme-changer__icon theme-changer__icon_light-theme"></span><span class="theme-changer__icon theme-changer__icon_dark-theme"></span><span class="theme-changer__label-text theme-changer__label-text_light-theme">Light theme</span><span class="theme-changer__label-text theme-changer__label-text_dark-theme">Dark theme</span></label></div></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><div class="share-icons"><span class="share-icons__title">Condividi</span><a class="share share_tw" href="https://twitter.com/share?url=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a><a class="share share_fb" href="https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a></div></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><select class="tablet-menu__nav input-select input-select input-select_small" onchange="if(this.value) window.location.href=this.value"><option value="https://ar.javascript.info/devtools">عربي</option><option value="https://javascript.info/devtools">English</option><option value="https://es.javascript.info/devtools">Español</option><option value="https://fa.javascript.info/devtools">فارسی</option><option value="https://fr.javascript.info/devtools">Français</option><option value="https://id.javascript.info/devtools">Indonesia</option><option value="https://it.javascript.info/devtools" selected>Italiano</option><option value="https://ja.javascript.info/devtools">日本語</option><option value="https://ko.javascript.info/devtools">한국어</option><option value="https://learn.javascript.ru/devtools">Русский</option><option value="https://tr.javascript.info/devtools">Türkçe</option><option value="https://uk.javascript.info/devtools">Українська</option><option value="https://zh.javascript.info/devtools">简体中文</option></select></div></div></div><progress class="tutorial-progress" data-sticky value="4" max="92" data-tooltip="Lezione 4 di 92"></progress></div><div class="page page_sidebar_on page_inner_padding"><script>if(localStorage.noSidebar){document.querySelector(".page").classList.remove("page_sidebar_on");let e=document.querySelector(".page-wrapper");e&&e.classList.remove("page-wrapper_sidebar_on")}setTimeout(function(){document.querySelector(".page").classList.add("page_sidebar-animation-on")});</script><div class="page__inner"><main class="main main_width-limit"><header class="main__header"><div class="main__header-inner"><div class="main__header-group"><ol class="breadcrumbs"><li class="breadcrumbs__item breadcrumbs__item_home"><a class="breadcrumbs__link" href="/"><span class="breadcrumbs__hidden-text">Tutorial</span></a></li><li class="breadcrumbs__item" id="breadcrumb-1"><a class="breadcrumbs__link" href="/js"><span>Il linguaggio JavaScript</span></a></li><li class="breadcrumbs__item" id="breadcrumb-2"><a class="breadcrumbs__link" href="/getting-started"><span>Introduzione</span></a></li><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Tutorial","item":"https://it.javascript.info/"},{"@type":"ListItem","position":2,"name":"Il linguaggio JavaScript","item":"https://it.javascript.info/js"},{"@type":"ListItem","position":3,"name":"Introduzione","item":"https://it.javascript.info/getting-started"}]}</script></ol><div class="updated-at" data-tooltip="Ultimo aggiornamento al 13 dicembre 2020"><div class="updated-at__content">13 dicembre 2020</div></div></div><h1 class="main__header-title">Developer console</h1></div></header><div class="content"><article class="formatted" itemscope itemtype="http://schema.org/TechArticle"><meta itemprop="name" content="Developer console"><div itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="email" content="iliakan@gmail.com"><meta itemprop="name" content="Ilya Kantor"></div><div itemprop="articleBody"><p>Il codice è incline a contenere errori. E’ molto probabile che tu commetta errori… Di cosa sto parlando? <em>Sicuramente</em> commetterai errori, sempre che tu sia umano, e non un <a href="https://it.wikipedia.org/wiki/Bender_(personaggio)">robot</a>.</p> <p>In un browser però, di default l’utente non può vedere gli errori. Quindi, se qualcosa non funziona nello script, non saremo in grado di capire quale sia il problema e sistemarlo.</p> <p>Per poter visualizzare gli errori e ricevere altre informazioni utili riguardo gli script, i browser integrano degli “strumenti di sviluppo”, in inglese “developer tools” o più semplicemente “DevTools”.</p> <p>Molti sviluppatori preferiscono utilizzare Chrome o Firefox poiché questi browser incorporano i migliori strumenti per lo sviluppo. Anche gli altri browser hanno gli strumenti per lo sviluppo, talvolta con caratteristiche speciali, ma più che altro inseguono le caratteristiche di Chrome e Firefox. In genere gli sviluppatori hanno un browser “preferito” e utilizzano gli altri solo quando un problema è specifico di quel browser.</p> <p>Gli strumenti per lo sviluppo sono molto potenti e possiedono molte funzionalità. Per iniziare, dobbiamo capire come accedervi, come individuare gli errori e come eseguire comandi JavaScript.</p> <h2><a class="main__anchor" name="google-chrome" href="#google-chrome">Google Chrome</a></h2><p>Apri la pagina <a href="/article/devtools/bug.html">bug.html</a>.</p> <p>C’è un errore nel codice JavaScript. E’ nascosto agli occhi di un normale utente, quindi dobbiamo aprire gli strumenti di sviluppo per trovarlo.</p> <p>Premi <kbd class="shortcut">F12</kbd>, oppure, se sei su Mac, utilizza <kbd class="shortcut">Cmd<span class="shortcut__plus">+</span>Opt<span class="shortcut__plus">+</span>J</kbd>.</p> <p>Gli strumenti di sviluppo, di default, si apriranno nella scheda Console.</p> <p>Assomiglierà a qualcosa di simile a questo:</p> <figure><div class="image" style="width:707px"> <div class="image__ratio" style="padding-top:33.946251768033946%"></div> <img src="/article/devtools/chrome.png" alt="" width="707" height="240" class="image__image"> </div></figure><p>Il look esatto degli strumenti di sviluppo dipenderà dalla tua versione di Chrome. Nel tempo potrebbe cambiare un po’, ma dovrebbe essere comunque molto simile.</p> <ul> <li>Qui possiamo notare il messaggio d’errore in rosso. In questo caso, lo script contiene il comando “lalala” non riconosciuto.</li> <li>Sulla destra, c’e il link cliccabile della sorgente <code>bug.html:12</code> con il numero della linea in cui si è verificato l’errore.</li> </ul> <p>Sotto il messaggio d’errore, c’e il simbolo blu <code>></code>. Questo indica la “riga di comando” in cui possiamo digitare dei comandi JavaScript. Premendo <kbd class="shortcut">Enter</kbd> il comando viene (<kbd class="shortcut">Shift<span class="shortcut__plus">+</span>Enter</kbd> per inserire comandi multi-linea).</p> <p>Ora possiamo vedere gli errori, e questo è sufficiente per iniziare. Ritorneremo sugli strumenti di sviluppo più avanti e analizzeremo il debugging più in profondità nel capitolo <a href="/debugging-chrome">Debugging in the browser</a>.</p> <div class="important important_smart"> <div class="important__header"><span class="important__type">Input multi-riga</span></div> <div class="important__content"><p>Di solito, quando inseriamo una riga di codice nella console e premiamo il tasto <kbd class="shortcut">Enter</kbd>, questa viene eseguita.</p> <p>Per inserire più righe premi <kbd class="shortcut">Shift<span class="shortcut__plus">+</span>Enter</kbd>, in questo modo puoi inserire lunghe porzioni di codice Javascript.</p> </div></div> <h2><a class="main__anchor" name="firefox-edge-and-others" href="#firefox-edge-and-others">Firefox, Edge, and others</a></h2><p>Molti altri browser utilizzano <kbd class="shortcut">F12</kbd> per aprire gli strumenti di sviluppo.</p> <p>Anche l’aspetto è molto simile. Quando avrai imparato come utilizzare uno di questi strumenti (puoi iniziare con quelli di Chrome), potrai facilmente utilizzare anche gli altri.</p> <h2><a class="main__anchor" name="safari" href="#safari">Safari</a></h2><p>Safari (Mac browser, non supportato da Windows/Linux) è un pò speciale in questo ambito. E’ necessario attivare prima il “Menu di Sviluppo”.</p> <p>Apri le Impostazioni e vai sul pannello “Avanzate”. In basso troverai un’opzione da spuntare:</p> <figure><div class="image" style="width:774px"> <div class="image__ratio" style="padding-top:58.91472868217055%"></div> <img src="/article/devtools/safari.png" alt="" width="774" height="456" class="image__image"> </div></figure><p>Adesso tramite <kbd class="shortcut">Cmd<span class="shortcut__plus">+</span>Opt<span class="shortcut__plus">+</span>C</kbd> puoi attivare e disattivare la console. Inoltre noterai che un nuovo menu “Sviluppo” è apparso. Esso contiene molti comandi e opzioni.</p> <h2><a class="main__anchor" name="riepilogo" href="#riepilogo">Riepilogo</a></h2><ul> <li>Gli strumenti di sviluppo (Developer Tools o DevTools) ci consentono di individuare gli errori, eseguire comandi, esaminare variabili e molto altro.</li> <li>Possono essere attivati con <kbd class="shortcut">F12</kbd> nella maggior parte dei browser in Windows e Linux. Chrome su Mac <kbd class="shortcut">Cmd<span class="shortcut__plus">+</span>Opt<span class="shortcut__plus">+</span>J</kbd>, Safari: <kbd class="shortcut">Cmd<span class="shortcut__plus">+</span>Opt<span class="shortcut__plus">+</span>C</kbd> (avendolo precedentemente abilitato).</li> </ul> <p>Ora in nostro ambiente di sviluppo è pronto. Nella prossima sezione inizieremo ad analizzare JavaScript.</p> </div></article></div><div class="page__nav-wrap"><a class="page__nav page__nav_prev" href="/code-editors" data-tooltip="Code editor"><span class="page__nav-text"><span class="page__nav-text-shortcut"></span></span><span class="page__nav-text-alternate">Lezione precedente</span></a><a class="page__nav page__nav_next" href="/first-steps" data-tooltip="Le basi JavaScript"><span class="page__nav-text"><span class="page__nav-text-shortcut"></span></span><span class="page__nav-text-alternate">Lezione successiva</span></a></div><div class="article-tablet-foot tablet-only"><div class="article-tablet-foot__layout"><div class="share-icons"><span class="share-icons__title">Condividi</span><a class="share share_tw" href="https://twitter.com/share?url=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a><a class="share share_fb" href="https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a></div><div class="article-tablet-foot__map"><a class="map" href="/tutorial/map" data-action="tutorial-map"><span class="map__text">Mappa del tutorial</span></a></div></div></div><div class="comments formatted" id="comments"><div class="comments__header"><h2 class="comments__header-title"><a href="#comments" name="comments">Commenti</a></h2><div class="comments__read-before"><span class="comments__read-before-link">leggi questo prima di lasciare un commento…</span><div class="comments__read-before-popup"><div class="comments__read-before-popup-i"><ul><li>Per qualsiasi suggerimento - per favore, <a href="https://github.com/javascript-tutorial/en.javascript.info/issues/new">apri una issue su GitHub</a> o una pull request, piuttosto di lasciare un commento.</li><li>Se non riesci a comprendere quanto scitto nell'articolo – ti preghiamo di fornire una spiegazione chiara.</li><li>Per inserire delle righe di codice utilizza il tag <code><code></code>, per molte righe – includile nel tag <code><pre></code>, per più di 10 righe – utilizza una sandbox (<a href='https://plnkr.co/edit/?p=preview'>plnkr</a>, <a href='https://jsbin.com'>jsbin</a>, <a href='http://codepen.io'>codepen</a>…)</li></ul></div></div></div></div><div id="disqus_thread"></div><script>var disqus_config = function() { if (!this.page) this.page = {}; Object.assign(this.page, {"url":"https:\/\/it.javascript.info\/devtools","identifier":"\/devtools"}); };</script><script>var disqus_shortname = "it-javascript-info";</script><script>var disqus_enabled = true;</script></div></script></main></div><div class="sidebar page__sidebar sidebar sidebar_sticky-footer"><button class="sidebar__toggle" data-sidebar-toggle></button><a class="map" href="/tutorial/map" data-action="tutorial-map" data-tooltip="Mappa del tutorial"></a><div class="sidebar__inner"><div class="sidebar__content"><div class="sidebar__section"><h4 class="sidebar__section-title">Capitolo</h4><nav class="sidebar__navigation"><ul class="sidebar__navigation-links"><li class="sidebar__navigation-link"><a class="sidebar__link" href="/getting-started">Introduzione</a></li></ul></nav></div><div class="sidebar__section"><h4 class="sidebar__section-title">Naviga tra le lezioni</h4><nav class="sidebar__navigation"><ul class="sidebar__navigation-links"><li class="sidebar__navigation-link"><a class="sidebar__link" href="#google-chrome">Google Chrome</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="#firefox-edge-and-others">Firefox, Edge, and others</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="#safari">Safari</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="#riepilogo">Riepilogo</a></li></ul></nav></div><div class="sidebar__section"><nav class="sidebar__navigation"><ul class="sidebar__navigation-links"><li class="sidebar__navigation-link"><a class="sidebar__link" href="#comments">Commenti</a></li></ul></nav></div><div class="sidebar__section"><div class="sidebar__section-title">Condividi</div><a class="share share_tw sidebar__share" href="https://twitter.com/share?url=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a><a class="share share_fb sidebar__share" href="https://www.facebook.com/sharer/sharer.php?s=100&p[url]=https%3A%2F%2Fit.javascript.info%2Fdevtools" rel="nofollow"></a></div><div class="sidebar__section"><a class="sidebar__link" href="https://github.com/javascript-tutorial/it.javascript.info/blob/master/1-js/01-getting-started/4-devtools" rel="nofollow">Modifica su GitHub</a></div></div></div></div></div></div><div class="page-footer"><ul class="page-footer__list"><li class="page-footer__item page-footer__item_copy">© 2007—2025 Ilya Kantor</li><li class="page-footer__item page-footer__item_about"><a class="page-footer__link" href="/about">riguardo il progetto</a></li><li class="page-footer__item page-footer__item_contact"><a class="page-footer__link" href="/about#contact-us">contattaci</a></li></ul></div></body></html>