Registrare uno Script

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
warning

L'estensione axe Expert è ufficialmente ritirata. Leggi di più su questo nella pagina axe Expert Sostituzione. Queste pagine verranno rimosse a luglio del 2024. Invia un'e-mail a helpdesk@deque.com per eventuali domande o preoccupazioni.

Registra gli script ogni volta che desideri registrarti mentre esegui azioni sulla pagina in esame in ordine sequenziale, in modo che possano essere ripetute automaticamente in un secondo momento. Gli script possono essere particolarmente utili quando applicati a scansioni di axe Monitor (ad esempio, script di accesso per stabilire sessioni sicure per l'accesso alle pagine, script per contenuti dinamici per esporre menu e widget di moduli nascosti, o per attivare passaggi nascosti in processi a più fasi).

Puoi controllare quali tipi di eventi vengono registrati selezionando le opzioni nel pannello Opzioni di Registrazione Script, accessibile tramite il link Opzioni nel pannello Script.

Prima di iniziare: Assicurati di avere prima la pagina di partenza desiderata caricata nel browser.

  1. Nel pannello Script, seleziona Avvia Registrazione.

    Clic sul pulsante Avvia Registrazione nel pannello Script

  2. Ricarica la pagina web nel browser dopo aver cliccato il pulsante Registrazione. Inizia a eseguire azioni sulla pagina in esame come desiderato, nell'ordine desiderato (ad esempio, cliccando il link della pagina Desktop nel menu orizzontale principale).

    Esempio di esecuzione di azioni sulla pagina in esame come cliccare sul link della pagina Desktop nel menu principale del sito Gefalscht CompuTech

    Noterai che mentre interagisci con il sito, una tabella appare nel riquadro principale del contenuto del pannello Scripts e le righe iniziano a comparire con ciascuna colonna popolata con i valori per ogni evento (ad esempio, nella colonna Event un evento 'loadURL' con la colonna URL come 'http://abcdcomputech.dequecloud.com/desktops.php').

  3. Quando avrai terminato di eseguire tutte le azioni desiderate, seleziona Stop Recording (che ha sostituito il pulsante Start Recording).

Devi fermare la registrazione a un certo punto per avere uno script registrato. Questo abilita il link Carica precedentemente disattivato sopra la tabella degli eventi. Inoltre, questo fa sì che Stop Recording torni nuovamente a Start Recording e visualizzi un pulsante Play sotto.

Clic sul pulsante Stop Registrazione nel pannello Script

La registrazione si interrompe immediatamente e ogni azione registrata ora viene visualizzata come una riga di evento nella tabella del pannello Script nel riquadro di contenuto destro, con ciascuna colonna popolata con valori.

Non ogni evento registrerà valori di contenuto in ogni cella delle colonne, quindi alcune (ad esempio, la colonna Dettagli per il tipo di evento focus) possono essere vuote. Inoltre, interrompere una registrazione abilita le opzioni Modifica e Elimina nei menu delle colonne Azioni.

La tabella del pannello Script visualizza le righe degli eventi con colonne di informazioni popolate nel riquadro di contenuto, inclusi i menu delle colonne Azioni con le opzioni Modifica e Elimina

Record e esporta azioni CLI

Registra ed esporta script CLI utilizzando il pannello Scripts.

Le attuali azioni CLI supportate disponibili per la registrazione e l'esportazione degli script comprendono:

  • cambia — cambia il valore di <input>, <select>, <textarea>
  • clicca — clic su un elemento nel DOM
  • naviga — naviga verso una nuova pagina

Col tempo, abbiamo in programma di aggiungere più azioni CLI. La funzionalità attuale consente agli utenti di iniziare con CLI senza scrivere una sola riga di codice!

  1. Naviga verso la pagina web che desideri analizzare tramite scripting. Ai fini di questo esempio, abbiamo aperto https://dequelabs.github.io/aget-demo-site/.

    Una finestra del browser web che visualizza 'https://dequelabs.github.io/aget-demo-site/' con una fastidiosa finestra di dialogo 'Sondaggio di Soddisfazione' al centro del display.

note

La finestra di dialogo del Sondaggio di Soddisfazione che appare al centro della pagina del browser. Registreremo un piccolo script per chiudere la finestra di dialogo.

  1. Apri gli strumenti per sviluppatori del tuo browser (Chrome per macOS viene usato negli esempi qui) e naviga alla scheda DevTools dell'estensione axe Expert. Seleziona Scripts.

    Una finestra del browser web che visualizza gli strumenti per sviluppatori di Chrome con la scheda axe Expert attiva e che mostra l'opzione Script nel menu a tendina.

  2. Attiva Start Recording.

    Una finestra del browser web che visualizza gli strumenti per sviluppatori di Chrome con il puntatore sul pulsante Avvia Registrazione.

    Quando attivo, il pulsante Start Recording diventa rosso per indicare la registrazione attiva e il testo sotto il pulsante cambia in Stop Recording.

    Una finestra del browser web che visualizza gli strumenti per sviluppatori di Chrome visualizzando il pulsante Stop Registrazione.

  3. Con la registrazione dello script attiva, sposta la finestra degli strumenti per sviluppatori per visualizzare il https://dequelabs.github.io/aget-demo-site/. Seleziona X per chiudere la finestra di dialogo.

  4. Passa la tua attenzione all'estensione axe Expert e seleziona Stop Recording. Nota che il pannello Script è ora popolato con almeno un'azione - dove la finestra di dialogo modale è stata chiusa.

    La finestra degli strumenti per sviluppatori visualizza lo script registrato nel pannello Script.

  5. Seleziona il pulsante Stop Recording nel pannello sinistro di axe Expert e rivedi il contenuto del pannello Script. Il pulsante Start Recording è ora abilitato. Nota che lo script contiene un evento di clic. Nota anche la posizione del link Export to AGet come secondo dei quattro pulsanti nel quadrante superiore destro del pannello Script.

    La finestra degli strumenti per sviluppatori visualizza lo script registrato nel pannello Script. Nota il pulsante Avvia Registrazione riabilitato e la posizione del pulsante esporta come primo dei tre pulsanti nel quadrante superiore destro del pannello Script.

  6. Seleziona Export to CLI per iniziare il processo di esportazione CLI. L'estensione axe Expert visualizza il file system del browser. Naviga alla cartella dove desideri salvare lo script CLI.

    Fornisci un nome file significativo, preservando attentamente l'estensione .json e seleziona Salva.

    La finestra del file system con il nome file evidenziato. Il nome del file è ora dismiss-modal.json. Il file verrà salvato nella cartella Export_AGet_Scripts, e il pulsante salva è evidenziato

  7. La finestra del browser di sistema viene chiusa e un messaggio di salvataggio riuscito con il nome del file salvato viene visualizzato nell'angolo in basso a sinistra della finestra degli strumenti di sviluppo.

    La finestra degli strumenti di sviluppo con il salvataggio del file riuscito e il nome del file evidenziato.

  8. Apri il file JSON salvato nel tuo editor di testo preferito per esaminare i contenuti dello script CLI:

    Visual Studio Code aperto e che mostra i contenuti JSON dello script AGet esportato.