Browser

O Browser permite que o ChatGPT abra sites, recolha informações atuais e execute ações enquanto mantém o controlo. Utilize-o para comparar opções, concluir uma tarefa com vários passos num site ou rever uma página que esteja a criar.

O Browser está disponível no ChatGPT na Web e na aplicação ChatGPT para computador.

Trate o conteúdo das páginas como contexto não fidedigno. Reveja o site e a ação proposta antes de partilhar informações confidenciais ou permitir que o ChatGPT execute ações.

O navegador integrado na aplicação ChatGPT para computador proporciona-lhe, a si e ao ChatGPT, uma vista partilhada de sites e aplicações Web locais dentro de uma conversa. Utilize-o para pré-visualizar uma página, deixar comentários visuais ou permitir que o ChatGPT interaja com um site em seu nome.

O navegador integrado utiliza um perfil de navegador separado do seu perfil habitual. Não partilha automaticamente os separadores existentes nem a sessão do navegador. Pode iniciar sessão diretamente quando uma tarefa exigir uma conta. Abra Definições > Browser para gerir os dados do navegador e quaisquer funcionalidades de importação de perfis disponíveis no seu dispositivo.

Por predefinição, as transferências do Browser são guardadas na pasta Transferências do sistema. Em Definições > Browser, pode escolher outra localização para as transferências, repor a localização predefinida do sistema ou ativar Perguntar onde guardar as transferências.

Em alternativa, utilize a extensão do Chrome quando o ChatGPT precisar de trabalhar num separador existente do Chrome ou utilizar o seu perfil habitual do Chrome.

Abra o navegador integrado a partir da barra de ferramentas, clicando num URL, navegando manualmente ou premindo Cmd+Shift+B (Ctrl+Shift+B no Windows).

Pesquisar a partir da barra de endereços

Comece a escrever na barra de endereços do navegador integrado para encontrar páginas no respetivo histórico de navegação. Selecione uma página correspondente para a reabrir ou introduza um termo de pesquisa para pesquisar no Google quando nenhum resultado do histórico corresponder.

O navegador integrado mantém um perfil e um histórico de navegação próprios. Os resultados não incluem automaticamente páginas do seu perfil habitual do Chrome nem de outros navegadores.

Gerir o histórico de navegação

Abra Definições > Browser para pesquisar no histórico do navegador integrado, reabrir uma página visitada ou remover entradas do histórico quando a sua organização o permitir. Utilize Limpar dados de navegação para escolher um intervalo de tempo e os tipos de dados de navegação que pretende remover.

Quando disponível, o ChatGPT pode pedir para pesquisar no seu histórico de navegação a fim de encontrar uma página relevante para a tarefa atual. Reveja o pedido antes de permitir o acesso. O histórico de navegação pode incluir URLs internos, termos de pesquisa e outras informações confidenciais, pelo que só deve permitir o acesso quando a tarefa exigir esse contexto.

Computer Use no navegador

Na aplicação para computador, o Computer Use permite que o ChatGPT Work ou o Codex operem diretamente o navegador integrado. A experiência selecionada pode abrir páginas, clicar, escrever, inspecionar o estado renderizado, capturar ecrãs e verificar na página o resultado do respetivo trabalho.

Selecione ChatGPT e ative Work no seletor, ou selecione Codex. Abra o Diretório de Plugins e instale o Browser. Em seguida, peça ao ChatGPT ou ao Codex para utilizar o navegador na sua tarefa ou faça-lhe referência diretamente com @Browser.

Por exemplo:

Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.

O ChatGPT pede autorização antes de utilizar um site, salvo se já tiver permitido esse site. Faça a gestão dos sites permitidos e bloqueados em Definições > Browser. O ChatGPT também pede confirmação antes de ações confidenciais, como enviar informações, efetuar uma compra, alterar permissões ou eliminar dados. O ChatGPT não consegue automatizar o carregamento de ficheiros no navegador integrado.

Pré-visualizar uma página

1. Inicie o servidor de desenvolvimento da sua aplicação no terminal integrado ou através de uma ação do ambiente local.
2. Abra a rota local, a página baseada num ficheiro ou a página pública clicando num URL ou navegando manualmente no navegador.
3. Reveja o estado renderizado juntamente com o diff do código.
4. Deixe comentários no navegador sobre os elementos ou áreas que precisam de alterações.
5. Peça ao ChatGPT para tratar dos comentários e manter o âmbito restrito.

Por exemplo:

I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.

Comentar na página

Quando um erro só é visível na página renderizada, utilize os comentários do navegador para fornecer ao ChatGPT indicações precisas.

1. Ative o Modo de anotação.
2. Clique num elemento ou arraste para selecionar uma área.
3. Escreva e guarde o seu comentário.
4. Envie uma mensagem na conversa a pedir ao ChatGPT para tratar dos comentários.

Os comentários funcionam melhor quando identifica o problema e o resultado pretendido:

This button overflows on mobile. Keep the label on one line if it fits,
otherwise wrap it without changing the card height.

This tooltip covers the data point under the cursor. Reposition the tooltip so
it stays inside the chart bounds.

Comentários sobre o estilo

Quando adicionar uma anotação a uma secção da página, selecione Ajustar junto ao campo de texto para fornecer ao ChatGPT comentários mais detalhados sobre o estilo. Pode alterar valores como o tipo de letra, o texto, o espaçamento e a cor, pré-visualizar o resultado na página e, em seguida, enviar a anotação com um objetivo mais claro.

Manter as tarefas do navegador bem delimitadas

Mantenha cada tarefa do navegador suficientemente pequena para ser revista de uma só vez.

• Indique a página, a rota ou o URL.
• Indique o estado relevante, como carregamento, vazio, erro ou sucesso.
• Deixe comentários exatamente nos elementos ou áreas que precisam de alterações.
• Reveja novamente a página depois de o ChatGPT terminar.
• Peça ao ChatGPT para iniciar ou verificar o servidor de desenvolvimento antes de abrir uma página local.

Para alterações no repositório, utilize o painel de revisão para inspecionar as alterações e deixar comentários.

Modo de programador

O modo de programador funciona com o Computer Use no Chrome e no navegador integrado. Este fornece ao ChatGPT acesso controlado ao Chrome DevTools Protocol (CDP). Utilize-o para analisar o desempenho do JavaScript, inspecionar a saída da consola e o tráfego de rede, examinar o DOM e os estilos aplicados ou diagnosticar um problema no navegador em execução.

Para o ativar, abra Definições > Browser e, em Modo de programador, ative Ativar acesso CDP completo. Se a sua organização tiver desativado esta definição, não poderá ativá-la localmente. Os administradores podem definir browser_use_full_cdp_access = false em [features] no requirements.toml para desativar o acesso CDP completo e impedir que os utilizadores ativem a definição correspondente na aplicação ChatGPT para computador.

O acesso CDP completo pode expor elementos internos confidenciais do navegador. O ChatGPT pede aprovação explícita antes de utilizar o CDP completo para inspecionar um site. Reveja o site, a tarefa e o acesso solicitado antes de o aprovar.

Utilize @Browser para o navegador integrado. Para utilizar o modo de programador no Chrome, configure a extensão do Chrome e invoque @Chrome.

Por exemplo:

This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.