Zynga Viewporter

WEB 移动视窗控件
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 手机Web开发框架
软件类型 开源软件
地区 不详
投 递 者 督辉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Viewporter 是 Zynga 的一个开源 JavaScript 项目,旨在简化移动视口的管理。它特别简化了设置正确的屏幕尺寸的部分,并减轻了手动处理 viewport 标记的麻烦。

它有什么作用?

当放入页面标题并运行移动设备时,Viewporter 将首先尝试滚动掉所有 URL 或调试栏以最大化可见窗口,然后从窗口中减去剩余的 chrome / UI 高度,从而有效地移除难看的滚动条一路上。它还会跟踪方向变化,因此,您将始终获得最佳的观看体验。

如何使用?

在v1中,您要做的就是将 Viewporter 放入页面的顶部。在 v2 中,还有更多要做的事情,但这并不痛苦:

将以下 Viewport 添加到页面的中:

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0" />

用 viewporter 包装器 div 包装元素:

<body>
<div id="viewporter">
	...
</div>
</body>

 

 相关资料
  • 我已经构建了一个Xpages应用程序,目前在iOS应用程序中出现,运行良好。在我的Android版本中,相同的按钮不起作用。我点击它,什么也没发生。 它在PC上的Chrome工作正常。 它在我的测试Android设备上的浏览器中也可以正常工作。 它只是在Android应用程序中嵌入的Web视图中不起作用。 我需要使用不同类型的网络视图吗? 下面是java代码: 这是Xpage的按钮部分

  • 使用chrome.windows模块与浏览器视窗进行交互。 你可以使用这个模块在浏览器中创建、修改和重新排列视窗。 清单 要使用视窗 API,你必须在manifest.json声明"tabs"的权限 。(不,这不是一个错字 - 窗口和标签模块的互动如此密切,我们决定它们共享一个权限。)例如: { "name": "My extension", ... "permissions": ["

  • 动画控制器视图 动画控制器视图允许你创建、查看和修改动画控制器资源。 动画控制器视图显示了一个新的空动画控制器资源 动画控制器视图主要有两部分:网格布局主体区域,左侧的分层和参数面板。 动画控制器视图的布局区域 深灰色网格部分是主体布局区域。你可以在这里创建、排列和连接 动画控制器 的状态(即动画剪辑)。 可以在网格上右键点击创建一个新的状态节点。使用鼠标中键拖动,或拖动时按住 Alt/Optio

  • 本文向大家介绍nativescript 视窗,包括了nativescript 视窗的使用技巧和注意事项,需要的朋友参考一下 例子 确保您已安装最新的nodeJS LTS 打开命令提示符并键入 $npm install -g nativescript 在命令提示符下键入$@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((ne

  • 回忆第七章的CHECKER程序。这些程序显示了矩形网格。当您在一个矩形中按下鼠标按键时,该程序就画一个x;如果您再按一次鼠标按键,那么x就消失。虽然这个程序的CHECKER1和CHECKER2版本只使用一个主窗口,但CHECKER3版本却为每个矩形使用一个子窗口。这些矩形由一个叫做ChildProc的独立窗口消息处理程序维护。 如果有必要,无论矩形是否被选中,都可以给ChildProc增加一种向其

  • 我最初在带有的上有几个。然后,我将移动到我创建的新的,因为我想使它们成为静态单元格,使它们成为静态单元格的唯一方法是在上使用它们。然而,在我移动后,尽管所有的单元格都连接好了,并且所有的单元格都被设置为右xib文件,但应用程序崩溃了,它说s上的出口,就像我的s一样,被发现为零。然后,我尝试在上使用全新的xib文件创建全新的,但随后我甚至无法为任何或其他任何东西连接任何出口。有人知道如何排除故障吗?

  • 我第一次使用JavaFX来尝试制作一个应用程序,我可以用它来演示一个带有按钮控件的简单动画。为此,我使用了BoarderPane作为初级阶段,左侧、右侧和底部都使用了GridPanes。 然而,对于中心,我需要能够画一个球内有一条线,我可以旋转不同的视图,同时能够动画,或至少快照移动内的线。 我试过用一个窗格做中心,但不起作用。我试着把它变成自己的场景和副场景,但都不起作用。我不能使用画布,因为它

  • 我正在研究一个相当复杂的布局。有两个区域(红色和蓝色)必须同时垂直滚动,但右侧区域(蓝色)必须能够独立于其他区域水平滚动。 我设法做到了这一点,但是滚动条总是在的底部,我需要滚动条总是在视口的底部可见。 用HTML/CSS可以做到这一点吗?什么简单的JS或jQuery插件可以帮助实现这一点? 小工具演示