<!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强制在独立模式下打开一个新窗口?