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

发布于 2024-10-18 00:08:56 字数 269 浏览 5 评论 0原文

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

有没有办法（例如使用锚点的 target 属性）在导航到不同页面时保持全屏模式？或者我应该将所有内容都放入中？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

墨小墨 2024-10-25 00:08:56

您需要使用一些 JavaScript 来拦截 onclick 事件。例如，以下是 iWebKit 将 noeffect 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;
                };
            }
        }
    }
};

You'll need to intercept the onclick event using some javascript. For example, here's what iWebKit does with the noeffect css class applied to an <a> tag:

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;
                };
            }
        }
    }
};

回复收藏 0 原文

罪歌 2024-10-25 00:08:56

每当移动 Safari 中发生 onclick 时，Safari 都会将其退出全屏模式。表单提交将保持全屏模式，无论是 POST 还是 GET。如果通过 javascript 设置 window.location，它也将保持全屏模式。

我更喜欢委托，而不是在每个锚点上设置事件处理程序。这是一个 jQuery 示例：

$(window).click(handleClick);

function handleClick(e) {
    var target = $(e.target).closest('a');
    if( target ) {
        e.preventDefault();
        window.location = target.attr('href');
    }
}

Whenever an onclick occurs in mobile Safari, Safari will take it out of fullscreen mode. Form submissions will remain in fullscreen mode, whether POST or GET. If window.location is set via javascript, it will also remain in fullscreen mode.

I prefer delegation to setting an event handler on each anchor. Here's a jQuery example:

$(window).click(handleClick);

function handleClick(e) {
    var target = $(e.target).closest('a');
    if( target ) {
        e.preventDefault();
        window.location = target.attr('href');
    }
}

回复收藏 0 原文

~没有更多了~