Test delle etichette JavaScript

Questa guida ti illustrerà il processo di test delle etichette JavaScript sul tuo sito web utilizzando un'estensione del browser Chrome prima di implementarle in produzione.

Panoramica

Testare le etichette JavaScript prima della distribuzione è fondamentale per assicurarsi che funzionino correttamente e non interferiscano con la funzionalità del tuo sito web. Questo metodo ti consente di testare le etichette in modo sicuro nel tuo browser senza apportare modifiche al tuo sito web live.

Prerequisiti

• Browser Google Chrome
• Accesso amministrativo per installare le estensioni di Chrome
• Il codice dell'etichetta JavaScript che desideri testare

Guida interattiva

Segui questa guida interattiva per imparare come installare l'estensione del browser User JavaScript and CSS.

1. Visita la pagina dell'estensione: https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

2. Clicca su "Inizia" nella guida interattiva qui sotto per seguirla.

Guida passo-passo

Segui questa guida passo-passo per istruzioni più dettagliate sull'installazione e l'utilizzo dell'estensione User JavaScript and CSS.

Passo 1: Installa l'estensione User JavaScript and CSS

1. Apri Google Chrome e naviga nel Chrome Web Store.

2. Vai a: https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

3. Clicca sul pulsante "Aggiungi a Chrome".

   Cliccare sul pulsante "Aggiungi a Chrome"

4. Quando richiesto, clicca su "Aggiungi estensione" per confermare l'installazione.

   Cliccare sul pulsante "Aggiungi estensione"

5. L'icona dell'estensione dovrebbe ora apparire nella barra degli strumenti di Chrome (potrebbe essere necessario cliccare sull'icona a forma di pezzo di puzzle per vederla).

   Individuare l'estensione nella barra degli strumenti di Chrome

6. Clicca con il tasto destro sull'icona dell'estensione, o trovala sotto l'icona a forma di pezzo di puzzle, quindi clicca sul pulsante "Gestisci estensione" per aprire le impostazioni dell'estensione.

   Cliccare sull'azione "Gestisci estensione" nella barra degli strumenti di Chrome.

7. Nelle impostazioni dell'estensione, assicurati che l'impostazione "Consenti script utente" sia su ON. Potrebbe essere necessario scorrere verso il basso la pagina delle impostazioni per trovarla. (Puoi chiudere questa scheda delle impostazioni dopo aver completato questo passaggio.)

   Assicurarsi che l'impostazione "Consenti script utente" sia attiva per l'estensione.

Passo 2: Accedi all'estensione

1. Naviga sul sito web dove desideri testare la tua etichetta JavaScript. Ad esempio, https://fanplayr.com.

2. Clicca sull'icona dell'estensione User JavaScript and CSS nella barra degli strumenti di Chrome (potrebbe essere necessario cliccare sull'icona a forma di pezzo di puzzle per vederla).

   Cliccare sull'icona dell'estensione nella barra degli strumenti di Chrome.

3. Si aprirà il pannello dell'estensione, mostrando un'opzione per definire una nuova regola per il sito web.

4. Clicca sul pulsante "Nuova Regola". Questo aprirà una nuova scheda per definire una regola dove potrai specificare l'etichetta JavaScript da iniettare per il sito web.

   Cliccare sul pulsante "Nuova Regola" nel pannello dell'estensione.

Passo 3: Aggiungi la tua etichetta JavaScript

Formato dell'etichetta JavaScript di esempio

<script>
  (function (w, d, s) {
    var js = d.createElement(s);
    js.async = true;
    js.src = 'https://cdn.fanplayr.com/....../adaptor.js';
    var fjs = d.getElementsByTagName(s)[0];
    fjs.parentNode.insertBefore(js, fjs);
  })(window, document, 'script');
</script>

::: Suggerimento Assicurati di copiare solo il codice JavaScript tra i tag HTML <script> e </script> nell'estensione (righe 2-8 nell'esempio sopra). :::

1. Con le opzioni dell'estensione aperte, vedrai un'area di testo dove puoi inserire il codice JavaScript.

   Area per incollare il codice JavaScript.

2. Incolla il codice della tua etichetta JavaScript in quest'area. Assicurati di includere solo codice JavaScript, rimuovendo qualsiasi <script> iniziale e </script> finale, se presenti.

   Incollare il codice dell'etichetta JavaScript nella regola.

3. Clicca sul pulsante "Salva".

   Cliccare sul pulsante "Salva".

Passo 4: Testare l'etichetta JavaScript

1. Aggiorna il sito web dove desideri testare la tua etichetta JavaScript.

2. Il codice JavaScript dovrebbe essere eseguito.