html - 在 iOS 全屏 Web 应用程序中使用链接

Question

我正在开发一个快速登录页面，以访问同一台服务器上的许多针对移动设备优化的小型应用程序。基本上是仪表板模式。我想把它放在我的主屏幕上，这样我就可以在全屏模式下访问任何应用程序，而不是在工具栏繁多的移动 Safari 中。然而，当我点击一个链接时，它会让我退出全屏模式并进入 Safari——这正是我不想要的。

有没有办法(例如使用 anchor 的 target 属性)在导航到不同页面时保持全屏模式？或者我应该把所有东西都扔进 <iframe> ？

Answer 1

您需要拦截 onclick使用一些 javascript 的事件。例如，这里是 iWebKit用 noeffect 做应用于 <a> 的 css 类标签:

window.onload = function () {
    function fullscreen() {
        var a = document.getElementsByTagName("a");
        for (var i = 0; i < a.length;i++) {
            if (a[i].className.match("noeffect")) {
                // Does nothing
            }
            else {
                a[i].onclick = function () {
                    window.location = this.getAttribute("href");
                    return false;
                };
            }
        }
    }
};