Receber por email
← Voltar para o catálogo

full-page-screenshot

Tira uma captura de tela completa de uma página da web no navegador, gerando uma imagem PNG com todo o conteúdo. Suporta abas abertas ou URLs específicas, lidando automaticamente com rolagem interna, carregamento lento e páginas muito longas, usando o protocolo Chrome DevTools.

6estrelas
Atualizado há 6 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add LewisLiu007/full-page-screenshot

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/full-page-screenshot/svg)](https://www.skillteca.com.br/skills/full-page-screenshot)

Skills relacionadas

Ver todas de Desenvolvimento →

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Full Page Screenshot

对浏览器中的网页生成一张完整的长截图 PNG,覆盖页面全部内容(包括需要滚动才能看到的部分)。直连 Chrome DevTools WebSocket,无需 CDP Proxy 或其他中间层。

前置条件

只需 Node.js 22+ 和 Chrome 开启远程调试:

node "${CLAUDE_SKILL_DIR}/scripts/full-page-screenshot.mjs" --check

如果 chrome 检查失败,引导用户:打开 chrome://inspect/#remote-debugging,勾选 "Allow remote debugging for this browser instance"。

工作流程

用户描述了已打开的 tab(推荐,尤其是需要登录的页面)

先列出所有 tab,匹配用户描述找到 targetId:

node "${CLAUDE_SKILL_DIR}/scripts/full-page-screensh

[Description truncada. Veja o README completo no GitHub.]
Compartilhar X LinkedIn