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

Question

我正在使用快速登录页面访问同一服务器上的许多小型移动优化应用程序.基本上是仪表板模式.我希望在我的主屏幕上显示它,以便我可以在全屏模式下访问任何应用程序,而不是在工具栏重的移动Safari中.但是,当我点击链接时,它会将我从全屏模式带到Safari中 - 这正是我不想要的.

有没有办法(例如使用锚的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;
                };
            }
        }
    }
};