如何在 iPhone 的独立（全屏）模式下打开新窗口答案

【问题标题】：How to open a new window on iphone's standalone (fullscreen) mode如何在 iPhone 的独立（全屏）模式下打开新窗口
【发布时间】：2011-05-12 00:14:15
【问题描述】：

<!doctype html>
<html>
<head>
<title>page</title>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>
<body>
<script>
function goToPage() {
    var pageUrl = 'http://www.google.com/';
    window.open(pageUrl);
}
</script>
<div id="installBtn" onclick="goToPage()">go to page</div>
</body>
</html>

预期的操作是：当触摸 div 时，会打开一个新窗口。此代码在 iPhone 的 safari 中运行良好。

但是当我点击“+”->“添加到主屏幕”，然后按“转到页面”时，没有打开任何窗口，并且页面在同一屏幕上加载。

如何强制，通过javascript，以独立模式打开一个新窗口？

【问题讨论】：

标签： javascript web-applications mobile-safari iphone iphone-standalone-web-app

【解决方案1】：

下面的问题确实提到了投票率最高的答案中的一个可能的 JavaScript 解决方案，它构造锚元素并在其上调度“点击”事件。

问题：Force link to open in mobile safari from a web app with javascript
答：https://stackoverflow.com/a/8833025/1441046

或者，如果您可以使用锚元素（我知道您问过如何在 JavaScript 中做到这一点），您可以执行以下操作：

<a id="installBtn" href="http://www.google.com/" target="_blank">go to page</a>

【讨论】：

【解决方案2】：

这对我有用。从 html 请求时不起作用，只能从 JS 请求。

window.open('[url]','_system');

【讨论】：

【解决方案3】：

您可以使用子浏览器以独立模式打开

或者你可以使用这个

window.location = url(your Url);

【讨论】：

【解决方案4】：

给你！（如果你还需要它）

<script>
    if(window.navigator.standalone === true) 
     document.write('Standalone');
    else
     document.write('Web browser');
</script>

【讨论】：

欢迎来到堆栈溢出 :-) 请看How to Answer。您应该提供一些信息为什么您的代码可以解决问题。纯代码答案对社区没有用处。
嗯，这是 2012 年的消息，但很公平！此代码测试 Web 引擎是否在独立模式下使用。 AFAIK 仅受 iOS 支持