Skip to content

maykonlong/pop_off_reader

Repository files navigation

📖 Pop-Off Reader - Extensão Chrome Premium

Transforme qualquer artigo da web em uma experiência de leitura excepcional

Pop-Off Reader é uma extensão Chrome moderna e poderosa que converte automaticamente qualquer página da web em um ambiente de leitura limpo, bonito e livre de distrações.

Pop-Off Reader Chrome


✨ Recursos Premium

🎨 3 Temas Lindos

  • Claro - Design moderno e clean
  • Escuro - Perfeito para leitura noturna
  • Sépia - Confortável para os olhos

🔤 3 Famílias de Fontes

  • Sans-Serif - Moderna e legível (Inter)
  • Serif - Clássica e elegante (Merriweather)
  • Monospace - Para desenvolvedores (Roboto Mono)

📏 3 Opções de Largura

  • Pequena (680px) - Leitura focada
  • Normal (820px) - Balanceada
  • Larga (1024px) - Conteúdo rico

🚀 Funcionalidades Avançadas

  • Carregamento ultra-rápido via múltiplos proxies
  • 🧹 Remoção automática de anúncios, popups e elementos desnecessários
  • 📱 Design responsivo - funciona em qualquer tamanho de tela
  • 💾 Exportar para PDF - salve artigos para ler offline
  • 📋 Copiar conteúdo - um clique para copiar todo o texto
  • 🎚️ Controles ajustáveis - tamanho de fonte (14-28px) e espaçamento entre linhas
  • 💅 Glassmorphism e animações suaves para uma experiência premium
  • 🔍 Modo leitura focado - esconde tudo exceto o conteúdo

🚀 Como Instalar

Modo Desenvolvedor (Recomendado para testes)

  1. Clone ou baixe este repositório

    git clone https://github.com/seu-usuario/pop-off.git
    cd pop-off/chrome-extension
  2. Abra o Chrome e vá para:

    chrome://extensions
    
  3. Ative o "Modo do desenvolvedor" (canto superior direito)

  4. Clique em "Carregar sem compactação"

  5. Selecione a pasta chrome-extension do projeto

  6. Pronto! O ícone da extensão aparecerá na barra de ferramentas


📖 Como Usar

Método 1: Via Ícone da Extensão

  1. Navegue até qualquer artigo, notícia ou blog
  2. Clique no ícone Pop-Off Reader na barra de ferramentas
  3. Uma nova aba se abrirá com o conteúdo limpo e formatado

Método 2: Via Interface

  1. Clique no ícone da extensão ou abra manualmente
  2. Cole a URL do artigo no campo de entrada
  3. Clique em ⚡ Carregar
  4. Aproveite a leitura!

🎯 Sites Compatíveis

Pop-Off Reader funciona com milhares de sites, incluindo:

Portais de Notícias

  • G1, UOL, Folha, Estadão, BBC, CNN, etc.

Blogs e Plataformas

  • Medium, WordPress, Blogger, Substack

Documentação Técnica

  • GitHub README, GitBook, Read the Docs

E muito mais!

  • Wikipedia, Reddit posts, LinkedIn articles

⚙️ Configurações Disponíveis

Configuração Opções Descrição
Tema Claro, Escuro, Sépia Escolha o esquema de cores
Fonte Sans, Serif, Mono Selecione a família tipográfica
Largura Pequena, Normal, Larga Ajuste a largura do conteúdo
Tamanho 14px - 28px Controle o tamanho da fonte
Espaçamento 1.4 - 2.2 Ajuste o espaçamento entre linhas
Auto-limpar On/Off Remove popups automaticamente

Todas as configurações são salvas automaticamente no navegador.


🛠️ Tecnologias Utilizadas

  • HTML5 - Estrutura semântica
  • CSS3 - Design moderno com variáveis CSS, gradientes e glassmorphism
  • JavaScript (ES6+) - Código modular e otimizado
  • Chrome Extension API - Integração nativa com o navegador
  • Google Fonts - Tipografia premium (Inter, Merriweather, Roboto Mono)

🏗️ Arquitetura

chrome-extension/
├── manifest.json          # Configuração da extensão
├── background.js          # Service Worker
├── reader.html            # Interface principal
├── css/
│   └── style.css          # Estilos premium
├── js/
│   ├── script.js          # Lógica principal
│   └── reader.js          # (stub - legado)
├── icons/                 # Ícones da extensão
└── README.md              # Este arquivo

🚀 Performance

  • Carregamento rápido - Código otimizado e minificado
  • 🔄 Sistema de proxies - Fallback automático para sites bloqueados
  • 🧹 Limpeza inteligente - Remove apenas elementos desnecessários
  • 💾 Armazenamento eficiente - Configurações salvas localmente
  • 🎨 Renderização otimizada - Usa requestAnimationFrame para animações suaves

🔒 Privacidade

  • 100% Local - Tudo roda na sua máquina
  • Sem rastreamento - Zero analytics ou telemetria
  • Sem servidores - Não enviamos dados para lugar nenhum
  • Código aberto - Você pode auditar tudo

🐛 Problemas Conhecidos

Algumas páginas não carregam?

  • Causa: Sites com proteção anti-scraping muito forte
  • Solução: Tente copiar o conteúdo manualmente ou use outro método

Conteúdo incompleto?

  • Causa: Sites que carregam conteúdo via JavaScript dinâmico
  • Solução: A extensão trabalha com HTML estático. Sites SPA podem ter limitações.

🤝 Contribuindo

Contribuições são muito bem-vindas!

  1. Fork o projeto
  2. Crie uma branch para sua feature (git checkout -b feature/MinhaFeature)
  3. Commit suas mudanças (git commit -m 'Adiciona MinhaFeature')
  4. Push para a branch (git push origin feature/MinhaFeature)
  5. Abra um Pull Request

📝 Roadmap Futuro

  • Atalhos de teclado customizáveis
  • Suporte a destacar e fazer anotações
  • Sincronização de artigos salvos
  • Modo de leitura por voz (TTS)
  • Tradução automática integrada
  • Estimativa de tempo de leitura
  • Modo offline persistente
  • Suporte a mais idiomas na interface

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


💬 Suporte

Encontrou um bug? Tem uma sugestão?


🙏 Agradecimentos


Feito com ❤️ para uma melhor experiência de leitura na web

⬆ Voltar ao topo

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published