Avvio rapido

Questa guida ti accompagna nella scrittura e nell’esecuzione di un semplice script di automazione. Navigherai verso una pagina, estrarrai del testo e lo salverai: il tutto in circa 5 minuti.

Passaggio 1: apri una pagina

Avvia Guida e naviga verso https://news.ycombinator.com usando la barra degli indirizzi.

Passaggio 2: apri l’editor di script

Premi Ctrl+N per aprire una nuova scheda di script, oppure vai su File > Nuovo script (File > New Script).

Passaggio 3: scrivi uno script

Incolla questo codice nell’editor:

async function main() {
  // Ottieni il titolo della pagina
  const title = await g.page.executeJS("document.title");
  g.log("Titolo della pagina: " + title);

  // Estrai i titoli delle prime 5 storie
  const stories = await g.page.executeJS(`
    Array.from(document.querySelectorAll('.titleline > a'))
      .slice(0, 5)
      .map(a => a.textContent)
  `);

  // Scrivi ogni storia nel log
  for (const story of stories) {
    g.log("  " + story);
  }

  g.log("Fatto. Trovate " + stories.length + " storie.");
}

Passaggio 4: eseguilo

Premi F5 o fai clic sul pulsante Esegui (Run). Guarda l’output nel pannello Console: vedrai il titolo della pagina e le prime 5 storie di Hacker News.

Passaggio 5: salva i risultati

Salviamo i dati nello spazio di archiviazione dello spazio di lavoro. Prima apri una cartella come spazio di lavoro con File > Apri spazio di lavoro (File > Open Workspace): va bene qualsiasi cartella vuota.

Poi modifica lo script per salvare i risultati:

async function main() {
  const stories = await g.page.executeJS(`
    Array.from(document.querySelectorAll('.titleline > a'))
      .slice(0, 5)
      .map(a => ({ title: a.textContent, url: a.href }))
  `);

  // Salva ogni storia
  for (const story of stories) {
    const key = story.title.toLowerCase().replace(/\s+/g, '-').slice(0, 50);
    g.store.put("hn-stories", key, story);
  }

  const count = g.store.count("hn-stories");
  g.log(`Salvate ${count} storie nella raccolta 'hn-stories'`);
}

Eseguilo di nuovo con F5. Le storie sono ora salvate nello spazio di archiviazione dello spazio di lavoro e resteranno disponibili anche dopo il riavvio dell’app.

Passi successivi

• Esplora l’intera API g.* nell’editor di script: digita g. e IntelliSense mostrerà tutti i metodi disponibili
• Genera i file di supporto allo scripting da Strumenti > Sviluppatore > Genera file di supporto allo scripting… (Tools > Developer > Generate Scripting Support Files...) se vuoi file di contesto per editor locali o LLM
• Prova le Soluzioni per esempi reali di flussi di lavoro
• Scopri come gli spazi di lavoro salvano script, code e dati
• Prova await g.dom.click(".selector") per interagire con gli elementi della pagina
• Collega un LLM compatibile con MCP per l’automazione guidata dall’IA