Принудительно открывать ссылку в мобильном сафари из веб-приложения с помощью JavaScript

Question

При вызове window.open() в веб-приложении iOS страница открывается в веб-приложении вместо мобильного сафари.

Как заставить веб-страницу открыться в мобильном сафари?

Примечание: использование прямых ссылок <a href> не вариант.

Answer 1

Это возможно. Протестировано с автономным веб-приложением iOS5:

HTML:

<div id="foz" data-href="http://www.google.fi">Google</div>

JavaScript:

document.getElementById("foz").addEventListener("click", function(evt) {
    var a = document.createElement('a');
    a.setAttribute("href", this.getAttribute("data-href"));
    a.setAttribute("target", "_blank");

    var dispatch = document.createEvent("HTMLEvents");
    dispatch.initEvent("click", true, true);
    a.dispatchEvent(dispatch);
}, false);

Можно проверить здесь: http://www.hakoniemi.net/labs/linkkitesti.html

Answer 2

Оказывается, НЕ ВОЗМОЖНО , чтобы выйти из веб-приложения iOS с помощью JavaScript window.open().Если вы хотите, чтобы ссылка открывалась в мобильном сафари, вам нужно использовать <a href> ссылки.

Answer 3

Vue реализация. Надеюсь будет полезно.

<template>
<div @click='handler()'>{{ text }}</div>
</template>

<script>
export default {
  props: {
    href: String,
    text: String,
  },
  methods: {
    handler() {
      const a = document.createElement('a')
      a.setAttribute('href', this.href)
      a.dispatchEvent(new MouseEvent("click", {'view': window, 'bubbles': true, 'cancelable': true}))
    }
  }
}
</script>

Answer 4

Вы можете заставить iOS открывать ссылку из PWA в сафари, используя window.open (), при условии, что вы используете другой поддомен или используете http вместо https.

Например, для take example.com

window.open('http://example.com','_blank')

Примечание. Мой сервер будет перенаправлять http на https после открытия в браузере.Так что проблем безопасности нет.

(или)

window.open('api.example.com','_blank')