Browser

Browser

Permita que o ChatGPT pesquise e interaja com sites

O Browser permite ao ChatGPT abrir sites, recolher informações atuais e realizar 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 está a criar.

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

O GPT-6 Astra melhora a avaliação visual em tarefas como comparar uma página com uma captura de ecrã ou concluir um fluxo de trabalho em vários sites. Selecione-o quando estiver disponível no seletor de modelos e descreva como verificar o resultado final.

Em ambientes de computador geridos, os administradores podem restringir as origens do browser, os carregamentos, as transferências e o acesso de programador. Consulte os controlos do browser gerido.

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 browser quando o ChatGPT precisar de trabalhar num separador existente do Chrome, Edge, Brave, Opera ou Vivaldi, ou de utilizar o seu perfil habitual do browser.

Selecione Novo separador e, em seguida, introduza um URL para abrir o navegador integrado. Também pode abrir um URL a partir da conversa ou premir Cmd+T (Ctrl+T no Windows e no Linux) para abrir um separador do navegador.

Organizar os separadores e a conversa

Selecione Entrar na vista completa para expandir o separador atual ou Entrar na vista dividida para mostrar a conversa e o separador lado a lado. Utilize Cmd+Shift+B (Ctrl+Shift+B no Windows e no Linux) para regressar da vista completa à vista dividida ou para mostrar ou ocultar os separadores junto à conversa.

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.

O navegador está incluído na aplicação para computador e é instalado automaticamente. Peça ao ChatGPT ou ao Codex para utilizar o navegador integrado na sua tarefa ou faça referência direta a este com @Browser.

Por exemplo:

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

Em Definições > Navegador > Permissões do agente, escolha as permissões predefinidas para navegação, transferências e carregamentos, e adicione exceções para sites específicos. Remover as permissões personalizadas de um site repõe as respetivas predefinições. A sua organização pode restringir estes controlos. O ChatGPT também pede confirmação antes de ações sensíveis, 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. Selecione Anotar na barra de ferramentas do navegador para entrar no 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 resolver as questões indicadas nos 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

Ao adicionar uma anotação a uma secção da página, selecione Ajustar junto ao campo de texto para dar ao ChatGPT indicações de estilo mais detalhadas. Pode alterar valores como o tipo de letra, o texto, o espaçamento e a cor, pré-visualizar o resultado na página e depois 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.