Captura de Tela de Área Inteligente

Permite que os usuários selecionem uma área de uma página da web arrastando o mouse e a salvem como uma captura de tela.

📦 Captura de Tela de Área Inteligente: Captura Inteligente de Áreas da Web e Reformatacão para Dispositivos Móveis —— Capture, recorte, reformate e anote qualquer conteúdo da web com precisão nítida e sem complicações. ----------------------------------- O "Captura de Tela de Área Inteligente" é uma extensão de navegador poderosa e leve, projetada para redefinir a maneira como você captura, extrai e compartilha conteúdo da web. Seja para salvar uma parte específica de uma página complexa, converter conteúdo de desktop em um layout limpo e otimizado para dispositivos móveis ou incorporar rodapés inteligentes com metadados de origem para referência, o Captura de Tela de Área Inteligente oferece uma experiência de recorte fluida e sem distrações, diretamente no seu navegador. Não se trata apenas de uma ferramenta estática de captura de tela, mas de uma ferramenta inteligente de extração de conteúdo da web. Com tecnologia de renderização em tela (canvas) de alta densidade de pixels (High-DPI) e um mecanismo inteligente de reformatação do DOM, a extensão permite selecionar áreas da web arrastando o mouse — com feedback de coordenadas em tempo real —, eliminar restrições de layouts pesados ​​de desktop e exportar imagens PNG nítidas e anotadas. Seja você pesquisador, designer, desenvolvedor, estudante ou criador de conteúdo, o Captura de Tela de Área Inteligente ajuda a preservar o contexto da web e a compartilhar informações com facilidade. 🎉 Atualização v1.0.0: Conjunto completo de recursos de captura inteligente de áreas e reformatação de layout para dispositivos móveis já disponível. ----------------------------------- A primeira versão oficial foi lançada, apresentando captura de alta precisão por seleção de arrastar, reformatação inteligente do DOM para dispositivos móveis, renderização de alta resolução (Retina/High-DPI), nomes de arquivo e rodapés de metadados personalizados, integração com menu de contexto (botão direito) e isolamento de estilos via Shadow DOM. 🎨 Módulos Principais: Captura e Reformatação Fluida da Web ----------------------------------- Abaixo, apresentamos os principais modos de captura integrados à extensão: ✨ Captura Direta de Área — Precisão absoluta (pixel-perfect): Selecione qualquer área retangular em uma página da web arrastando o mouse de forma intuitiva. Indicadores de dimensão em tempo real orientam sua seleção até a largura e altura exatas em pixels. ✨ Modo Inteligente de Reformatação Móvel — Visualização limpa de 375px: Extrai dinamicamente elementos específicos do DOM, remove elementos de layout irrelevantes, converte estruturas de desktop com múltiplas colunas em fluxos verticais para dispositivos móveis e gera um cartão móvel limpo de 375px antes da captura. ✨ Rodapés de Metadados Personalizáveis ​​— Atribuição inteligente: Adiciona automaticamente rodapés de atribuição limpos e profissionais na parte inferior das imagens salvas — incluindo o título original da página, URL de origem, nome da ferramenta de exportação e carimbo de data/hora exato. 🌟 Principais Recursos ----------------------------------- 🎯 Seleção por Arrastar com Precisão de Pixel Desfrute de uma sobreposição intuitiva e semitransparente com indicadores de dimensões (L x A) em tempo real enquanto arrasta o mouse. Cancele a seleção facilmente a qualquer momento pressionando a tecla ESC. 📱 Adaptação Inteligente de Layout para Dispositivos Móveis Converte layouts de desktop em cartões organizados de coluna única, ideais para dispositivos móveis. Filtra de forma inteligente elementos de fundo irrelevantes e lida com textos, imagens e mídias responsivos, evitando o estouro horizontal da tela. 🖼️ Exportação em Alta Resolução (Retina/High-DPI) Utiliza renderização HTML5 Canvas 2D adaptada às proporções de pixel do dispositivo (DPR), garantindo que cada imagem salva permaneça extremamente nítida em telas Retina e de alta resolução. 📝 Opções Inteligentes de Marca d'Água e Atribuição Opções flexíveis na janela de salvamento permitem escolher se deseja incluir títulos de página, URLs de origem ou carimbos de data/hora da ferramenta — tornando suas capturas de tela instantaneamente verificáveis ​​e fáceis de citar. 🔒 Isolamento e Segurança via Shadow DOM Desenvolvido dentro do Shadow DOM para garantir a ausência de conflitos de CSS ou JavaScript com as páginas da web hospedeiras. Detecta automaticamente páginas restritas pelo sistema (como a Chrome Web Store ou configurações internas) e exibe avisos claros. ⚡ Ações Rápidas de Múltiplas Entradas Inicie a captura instantaneamente através do pop-up na barra de ferramentas da extensão ou via atalhos no menu de contexto (botão direito do mouse) para os modos "Captura Direta" e "Reformatar para Layout Móvel". 📖 Como Usar ----------------------------------- 1. Ativar Captura: Clique no ícone da extensão na barra de ferramentas do navegador ou clique com o botão direito em qualquer lugar da página e selecione "Captura Direta" ou "Reformatar para Layout Móvel". 2. Arrastar para Selecionar: Clique e arraste o mouse sobre o conteúdo desejado da página. Verifique o indicador de dimensões em tempo real para garantir a precisão do tamanho. Pressione ESC a qualquer momento para cancelar. 3. Personalizar Opções de Salvamento: No modal pop-up, personalize o nome do arquivo e alterne a exibição de rodapés com metadados (Título da Página de Origem, URL Original, Atribuição da Ferramenta e Carimbo de Data/Hora). 4. Exportar PNG: Clique em "Confirmar" ou pressione Enter para baixar a imagem PNG recortada em alta resolução diretamente para a sua pasta de downloads local. 🎨 Filosofia de Design ----------------------------------- Discreto e leve: Executa-se silenciosamente em segundo plano, sem afetar o desempenho nem exibir anúncios intrusivos, preservando a velocidade e a responsividade do seu navegador. Preservação de contexto: Mantém metadados essenciais da fonte original, garantindo que seus trechos de conteúdo permaneçam informativos e rastreáveis ​​ao serem compartilhados em plataformas de mensagens ou ferramentas de documentação. Estética multiplataforma: Corrige problemas de corte horizontal e desalinhamento de layout ao compartilhar trechos da web em dispositivos móveis, graças à reformatação automática para dispositivos móveis. 🗺️ Roteiro de Desenvolvimento (Roadmap) ----------------------------------- Captura de Página Inteira e Rolagem: Rola e une automaticamente páginas web inteiras em capturas de tela longas e contínuas. Marcação e Anotação Integradas: Adicione setas, retângulos de destaque, anotações de texto e efeitos de desfoque (para privacidade) diretamente na janela de pré-visualização. Integração com Nuvem e Área de Transferência: Cópia com um clique para a área de transferência do sistema e sincronização direta com serviços de armazenamento em nuvem. Modelos de Marca d'Água Personalizáveis: Permite personalizar o texto da marca, as cores e os modelos de layout da barra de rodapé de metadados. 💬 Feedback e Sugestões ----------------------------------- Criado para quem busca uma maneira mais inteligente de recortar e compartilhar conteúdo da web! Se você tiver sugestões, solicitações de recursos ou relatos de bugs, sinta-se à vontade para entrar em contato. Seu feedback moldará as futuras atualizações. Capture de forma inteligente, reformate com clareza e compartilhe sem complicações. 🚀