ForHosting KIT · Lettura e monitoraggio di siti web

Screenshot di un elemento

Uno strumento che fotografa un singolo elemento di una pagina, non tutta la schermata. Indichi l’indirizzo e il selettore dell’elemento — una tabella dei prezzi, una scheda prodotto, un grafico — e il KIT ritaglia esattamente quel riquadro, restituendoti un PNG pulito, senza il resto della pagina intorno.

● Stabileper richiesta + per URL$0.040

Esegui — $0.040 + $0.001/URL Vedi l'API

Usalo da WebAPIEmailApp prestoTelegram presto

Esegui online

Esegui questo sui nostri server con il tuo account. Gli strumenti gratuiti girano nel tuo browser; questo viene addebitato sul tuo saldo KIT al prezzo indicato sopra.

Un ritaglio preciso, non a mano

Spesso ti serve solo un pezzo della pagina: il box del prezzo, un banner, una tabella. Farlo a mano significa catturare tutto e poi ritagliare, sperando di non tagliare storto. Qui indichi quale elemento vuoi tramite il suo selettore CSS — per esempio una classe o un id — e lo strumento inquadra proprio quello, con i bordi giusti. Il risultato è un’immagine centrata sull’elemento, alla sua dimensione reale, pronta da usare in un documento o in una segnalazione.

Come si indica l’elemento

Serve il selettore CSS dell’elemento: lo trovi con lo strumento “ispeziona” del browser, cliccando col tasto destro sulla parte che ti interessa. Incolli quel selettore insieme all’URL e avvii. Se il selettore corrisponde a più elementi, lo strumento cattura il primo. È un passaggio da chi mastica un po’ di HTML, ma niente di complicato: la maggior parte delle volte è una classe come .prezzo o un id come #tabella-tariffe.

Prezzo a consumo

Costa $0.040 a richiesta più $0.001 per ogni URL, come le altre catture: circa quattro centesimi a ritaglio. Nessun abbonamento e nessun costo fisso. Paghi con PayPal senza registrarti. Se devi catturare lo stesso elemento su tante pagine simili — la scheda prezzo di venti prodotti, per dire — puoi automatizzare il tutto via API riusando lo stesso selettore.

Casi d'uso

Solo la tabella dei prezzi

Giulia deve inserire in un preventivo la tabella tariffe pubblicata da un fornitore. Cattura solo quell’elemento e ottiene un’immagine netta della tabella, senza header, menù e piè di pagina intorno.

Un grafico da mettere in un report

Lo Studio Commercialista Bianchi vuole inserire in una relazione un grafico visibile su una pagina pubblica. Con il selettore del grafico ne ottiene il ritaglio esatto, pronto da incollare nel documento.

Documentare un componente che si rompe

Un tecnico di Tecnoedil Verona S.n.c. segnala che una scheda prodotto si visualizza male. Cattura solo quella scheda e la allega al ticket: chi corregge vede subito il componente incriminato, isolato dal resto.

Domande frequenti

Come faccio a sapere il selettore dell’elemento?

Clicca col tasto destro sulla parte che ti interessa e scegli “ispeziona” nel browser: vedrai l’HTML con la classe o l’id dell’elemento. Quel valore — per esempio .prezzo o #tabella — è il selettore da incollare qui.

E se il selettore corrisponde a più elementi?

Lo strumento cattura il primo elemento che combacia. Se ti serve un elemento preciso tra tanti uguali, usa un selettore più specifico, per esempio aggiungendo l’id del contenitore.

Serve saper programmare?

No, ma serve un minimo di dimestichezza con l’HTML per individuare il selettore. Se non lo trovi, cattura l’intera pagina con lo screenshot classico e ritaglia dopo: il risultato è meno preciso, ma non serve alcun selettore.

Quanto costa?

$0.040 a richiesta più $0.001 per URL, circa quattro centesimi a ritaglio. Nessun abbonamento; si paga a consumo con PayPal, senza account.

La pagina viene conservata?

No. L’URL si apre solo per ritagliare l’elemento e poi viene scartato. Non conserviamo né la pagina né l’immagine prodotta.

Funziona con elementi che compaiono solo dopo un clic?

Lo strumento cattura ciò che è presente al caricamento della pagina. Elementi che appaiono solo dopo un’interazione (un menù a tendina aperto, una scheda cliccata) potrebbero non essere raggiungibili in questa modalità.

Per sviluppatori — accesso via API

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

Endpoint

POSThttps://api.kit.forhosting.com/web/screenshot-element

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

Chiamala dal tuo stack

curl -X POST https://api.kit.forhosting.com/web/screenshot-element \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"url":"https://ejemplo.com"}'

const res = await fetch("https://api.kit.forhosting.com/web/screenshot-element", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "url": "https://ejemplo.com"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/screenshot-element",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "url": "https://ejemplo.com"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/screenshot-element", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"url":"https://ejemplo.com"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"url":"https://ejemplo.com"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/screenshot-element", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Esempio di richiesta

{
  "url": "https://ejemplo.com"
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.screenshot_element",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

Prezzi

per richiesta$0.040

per URL$0.001

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

Limiti

`timeout_sec`	30
`max_crawl_pages`	25

Errori

HTTP	Codice	Significato
`401`	`unauthorized`	Chiave API mancante o non valida: controlla l'header Authorization.
`402`	`insufficient_balance`	Credito esaurito: ricarica per continuare a eseguire attività.
`404`	`unknown_type`	Tipo di attività sconosciuto: controlla il campo type della richiesta.
`429`	`rate_limited`	Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo.
`422`	`task_failed`	L'attività non è andata a buon fine: non ti viene addebitato nulla.

Leggi la documentazione completa del KIT →