Mini Browser
Mini navegador lateral no VSCode com abas, favoritos, histórico, zoom, modo só áudio e auto-conversão de links do YouTube pra versão embed.
Padrão: abre pokelike.xyz, mas funciona com qualquer site que permita ser embutido em iframe.
✨ Funcionalidades
Navegação
- Abas múltiplas — várias páginas abertas ao mesmo tempo. Cada aba mantém estado/áudio ao trocar (
retainContextWhenHidden). Iframes são criados sob demanda (lazy).
- Voltar (←) e Avançar (→) — histórico por aba, atalhos
Alt+← / Alt+→.
- Recarregar (↻) —
F5 quando o painel está focado.
- Abrir externamente (↗) — joga a URL atual no navegador padrão do sistema.
- Abrir em aba do editor (⧉) — abre uma segunda instância no editor principal (lateral + central simultâneos).
Favoritos & Histórico
- ★ Favoritar — adiciona a URL atual aos favoritos persistentes.
- ☰ Favoritos — QuickPick com todos os favoritos pra abrir rápido.
- ⏱ Histórico — últimas 20 URLs visitadas, persistente entre sessões.
Zoom
- + / − / ⊙ — zoom in, out e reset (1x). Atalhos
Ctrl+=, Ctrl+-, Ctrl+0 quando o painel está focado.
YouTube
- 🎧 Modo só áudio — colapsa o iframe pra mostrar só os controles (útil pra ouvir música/podcast sem o vídeo distrair).
- ⏯ Play/Pause — controla o player do YouTube via IFrame API.
- Comando rápido:
Mini Browser: Abrir YouTube (embed) — pergunta a URL (ou usa miniBrowser.youtubeEmbedUrl se configurado).
- Login externo:
Mini Browser: Login YouTube (externo) abre login do Google/YouTube no navegador padrão.
Auto-conversão de links do YouTube (configurável)
Cole qualquer link normal e a extensão converte sozinho:
| Você cola |
Vira |
youtube.com/watch?v=ABC |
youtube.com/embed/ABC?enablejsapi=1 |
youtu.be/ABC |
youtube.com/embed/ABC?enablejsapi=1 |
youtube.com/shorts/ABC |
youtube.com/embed/ABC?enablejsapi=1 |
youtube.com/playlist?list=PL... |
youtube.com/embed/videoseries?list=PL... |
youtube.com/live/ABC |
youtube.com/embed/ABC?enablejsapi=1 |
Pra desligar: miniBrowser.autoConvertEmbed: false.
Status Bar
Botão 🌐 Mini Browser no canto inferior direito — clique pra focar o painel rápido.
⌨️ Atalhos
| Tecla |
Ação |
F5 |
Recarregar |
Alt+← |
Voltar |
Alt+→ |
Avançar |
Ctrl+= |
Zoom in |
Ctrl+- |
Zoom out |
Ctrl+0 |
Reset zoom |
⚙️ Configurações
| Setting |
Padrão |
Descrição |
miniBrowser.defaultUrl |
https://pokelike.xyz/ |
URL aberta em nova aba |
miniBrowser.youtubeEmbedUrl |
LoFi Hip Hop Radio |
URL do botão YouTube |
miniBrowser.autoConvertEmbed |
true |
Auto-converter links normais |
🚫 Limitações
Sites com X-Frame-Options: DENY/SAMEORIGIN ou Content-Security-Policy: frame-ancestors 'none' não podem ser embutidos em iframe — é restrição do servidor do site, não da extensão. Exemplos: Google, YouTube principal (youtube.com), Spotify, bancos.
Soluções:
- Pra YouTube: deixe a auto-conversão ligada — vai direto pra
/embed/ que funciona com vídeo completo.
- Pra outros sites: use o botão ↗ pra abrir no navegador externo.
Outras limitações:
- Screenshot do iframe não é possível — browser bloqueia acesso a conteúdo cross-origin.
- Picture-in-Picture funciona pelo botão nativo dentro do player do YouTube.
- Play/Pause funciona apenas em vídeos do YouTube com URL
/embed/...?enablejsapi=1.
📦 Instalação
code --install-extension AIDiffTracker.mini-browser-pokelike
📄 Licença
MIT
