javascript - 是否可以在 Chrome for Android 中以编程方式显示 URL 栏？

Question

默认情况下，它仅在按下设备的菜单按钮和向下滑动页面时显示（当触摸标记为红色时，请参见下面的 GIF）。可以使用 JavaScript显示 URL 栏吗？

Answer 1

解决方案

由于 Full Screen API 的限制，只能在用户输入时使用。请参阅演示。

var p;

function showURLBar() {
    p = [window.pageXOffset, window.pageYOffset];
    document.documentElement.webkitRequestFullscreen();
    setTimeout(function () {
        document.webkitExitFullscreen();
        setTimeout(function () {
            scrollTo(p[0], p[1]);
        }, 300);
    }, 300);
}

重要笔记

• 此功能仅在运行 Android 4.4.2的三星 Galaxy S4上的Chrome 35.0 .1916.141中进行测试。
• 在其他设备上，可能需要增加 timeouts。
• 为避免其他浏览器出现错误，请使用全屏 API 函数的跨浏览器实现，而不是 webkit 的。
• 这是一种 hack，因此它可能会在 Chrome 的未来版本中失效。
• 由于 600 毫秒超时，可以看到一些延迟，但如果没有它，该功能将无法正常工作。
• 我检查了其他一些方法但没有成功。更改整个 URLwindow.location会使地址栏重新出现，但离开/重新加载页面是一种不良的副作用。即使 URL 被修改，仅更改window.location.hash或使用window.history也无济于事。window.scrollBy, window.scrollTo,都没有window.scrollTop帮助。

Answer 2

通过使用“设备”这个词，我猜你的意思是移动设备。我也对此进行了斗争，只是使用了设备桌面上的页面快捷方式。然后你可以在没有地址栏的情况下获得全屏。