-5

Estou construindo um projeto em react com typescript que envolve leitura de código QR, o que acontece com os usuários de iphone é que o QR code é lido a partir do leitor de códigos do iphone e o link é aberto numa web-preview do aplicativo leitor de códigos, este link abre uma página com dois botões onde o usuário vai escolher se deseja abrir o próximo link em qual navegador por exemplo, primeiramente quando ele escolhesse abrir com o safari eu deixava o link assim: https://meusite.com/home/23883298393232/ueuweyuwe7

O problema é que desse jeito o link abre também na web-preview, eu quero que ao escolher abrir com o safari este link seja aberto específicamente no safari

Tentei fazer desta forma:

function openToSafari() {
    window.open('safari://meusite.com/home/23883298393232/ueuweyuwe7', '_blank');
    
}

O problema é que ao fazer assim ele aparece a seguinte mensagem:

"O safari não consegue abrir a página porque o endereço não é válido"

Mas se o usuário escolher abrir com os outros navegadores funciona muito bem a abertura do link, mas se escolher o safari ele não abre e dá esta mensagem.

Alguém poderia dar uma explicação de como eu poderia superar isso? Desde já, agradeço!

Para abrir com o chrome estou fazendo desta forma e funciona muito bem:

  function openToChrome() {
        window.location.href = googlechrome://meusite.com/home/23883298393232/ueuweyuwe7
    }
9
  • 1
    O seu código openToChrome causa o erro Uncaught SyntaxError: Unexpected token ':', não deveria funcionar muito bem. Em minha opinião o usuário deveria poder escolher o navegador de sua preferência. Agora se a sua dúvida é sobre ReactNative e não React (considerando que a tag que usou na pergunta está errada) deveria usar o reactnative.dev/docs/linking 19/09 às 12:42
  • Este link aí não existe, usei apenas para fazer a pergunta. Quanto ao usuário escolher o navegador, a ideia é que ele escolha abrir ou com o safari ou com o chrome, para eu poder dar seguimento ao meu objectivo com o conteúdo que o link abre 19/09 às 15:26
  • O que eu qeria saber na verdade é, qual é a url scheme do safari 19/09 às 15:27
  • 1
    É que você disse que funciona perfeitamente, mas da forma que está escrito o segundo link não funciona, independente do link estar com endereço valido ou não, falta as aspas. De resto reitero o que disse, não tem porque forçar abrir por navegador X ou Y, quem deveria decidir isso é o usuário, conforme o "navegador padrão", no que o próprio usuário escolhe o navegador que deseja: support.apple.com/en-us/HT211336, então se estiver usando ReactNative (e não React puro) simplesmente use o reactnative.dev/docs/linking. 19/09 às 15:31
  • Tenta window.open("x-safari-https://meusite.com/home/", '_blank'); 19/09 às 15:46

0

Pesquise outras perguntas com a tag .