问题标签 [mobile-chrome]

我正在建立一个每个部分使用 100vh 的网站。但是在移动浏览器上，这会导致 UI 不好，因为视口高度会随着地址栏的隐藏/显示而增加/减少（例如在 Chrome 上）。有什么办法可以防止滚动时地址栏的自动隐藏？

Freelancer 网站有一个解决这个问题的实现。有人可以解释这是如何完成的吗？ https://m.freelancer.com

我有一个配置为支持 FB 身份验证的应用程序，但它似乎window.fbAsyncInit()没有被我的某些移动设备调用，而它适用于桌面和某些移动设备。

有谁知道原因？

提前致谢

在 Chrome 移动设备上，当创建新的 ApiConfig 时，接收器侦听器甚至不会触发。一年多前，我创建了一个使用 Chromecast Sender App API 的网络应用程序，它在桌面和移动 Chrome 上运行良好。我可以从 webapp 投射视频并控制播放等。现在在移动 Chrome 上它无法加载接收器，而在桌面上它仍然按预期工作。我的代码没有任何变化，所以我使用演示 CastHelloVideo https://github.com/googlecast/CastHelloVideo-chrome来进行调试。

因此，要么 Chromecast SDK 发生了变化，并且它不向后兼容移动 Chrome，要么 Chromecast SDK 不再支持移动设备，即使它仍然记录在案。或者我完全错过了一些东西。

有任何想法吗？

您可以通过使用 chrome 并将浏览器置于移动模式来重现该问题。将浏览器导航到http://responsive.menu并使用右侧的菜单，只需单击子菜单上的加号和减号箭头即可演示效果。

另外，屏幕截图和屏幕投射：

拍摄： https ://drive.google.com/uc?export=download&id=0B-M6Yes83t08RjJ1T1IxU2JDTjg

截屏： https ://drive.google.com/uc?export=download&id=0B-M6Yes83t08cTRJbXNNTGdjcmM

来自组件的作者：

这是因为对于手机检测网站正文上的点击事件而不恢复加载 jQuery 移动库的事实，我已将其添加cursor: pointer;到正文中。

这具有在移动 Chrome 上创建这些蓝色闪烁的副作用，因为浏览器现在认为整个主体是一个链接。最快的选择是关闭“单击以关闭正文单击菜单”选项，同时我查看是否有长期解决方法。我能想到的唯一解决方法是单独加载 jQuery mobile，但我总是不愿意这样做。

问题更新：

这只发生在 chrome mobile 上 - 你如何模拟 safari 和 firefox 移动行为？

在 Android 6 上的 Google Chrome 上渲染<select>元素非常慢（尚未在 Android 5.x 上尝试过）。
我已经在 Android 上的 Mozilla Firefox 和 iOS 上的 Chrome 上尝试过，两者都运行良好。
我无法弄清楚原因。
有人有任何线索吗？

这是重现该问题的示例：

我有一个input type=file并且我希望当用户单击它时仅显示文档的有效操作。我不想要图片或视频。

我的文件标签是：

使用此配置，当用户在 ios safari 上单击它时，将显示一个菜单：

• 拍照或录像
• 照片库
• iCloud
• 更多的

在 Android 设备上会显示如下内容：

• 相机
• 摄像机
• 文件
• 录音机
• 其他，取决于设备上安装的内容。

我想要的是在 iOS 上只有 iCloud 和更多选项，在 Android 上只有 Documents 或其他可以找到文件的地方。我想排除拍照/视频或从照片库中选择。

这可能吗？

更新 问题原来是谷歌驱动器问题。由于某些原因，移动浏览器上的文件需要设置为完全公开才能使用，而桌面浏览器上的文件可以与“任何拥有链接的人”一起播放。缺乏体面的错误报告使得这很难追踪。

问题： 单击按钮播放 html5 标签在所有桌面浏览器上都能完美运行，但在 iOS 下的 mobile-chrome 或 mobile-safari 上却不行。（没有在安卓上测试过）。

这个例子在我测试过的所有桌面浏览器上都能完美运行，但不适用于 iOS Chrome 或 iOS safari。我不知道为什么。我已经在这里写出了 div，但我正在以编程方式创建它，因为其中可能有一些。对于测试，我使用了下面介绍的内容。

DIV：（下面的'myfileidgoeshere'是此处删除的实际ID..）

播放功能：（因为我以编程方式编写上述 div 我必须获取变量。

}

我在 SO 上查看了许多“页面底部的神秘空白”问题，并viewport多次使用该标签，但我仍然无法弄清楚我做错了什么！

有问题的页面是：http ://www.seniorchoicesunl.com/error_documents/error401.php

这是 Chrome Dev Tools 在移动设备上的样子：

关于我做错了什么的任何想法？

编辑：

设置ANY initial-scale是个坏消息！字体太小了！看一看：

在保持台式机和平板电脑原样的同时，所需的移动外观是这样的：

PS 解决这个问题可以相互解决我在其他网页上遇到的其他相关问题。

我有一个标题，我想控制滚动时的可见性。向下滚动页面时，标题应该像任何元素一样操作。向上滚动页面时，无论页面位置如何，我都希望在页面上升时显示标题。通过观察一个简单的示例可以最好地理解这种行为。

我正在监听滚动事件并使用负顶部值更新固定位置 div：

但是，Chrome for Mobile 中的行为完全不是我所期望的。标题通常不会动画，并且会在遇到边界时立即出现或消失。当它确实有动画时，表现是非常不规则的，通常只画一到三帧。使用桌面 Chrome 的移动仿真时不会出现此行为；它只发生在实际设备上。

这似乎只在处理页面顶部的固定位置元素时发生。如果我尝试以不同的方式更改固定元素，例如从侧面或底部移动它，一切都会更接近预期。事实上，如果我同时改变一个固定位置的顶部元素和固定位置的侧边元素，顶部元素的行为会更加一致，就像这样。

为什么 Chrome for Mobile 在页面顶部的固定位置元素如此不稳定？有什么方法可以简明扼要地解释它吗？

知道任何人在 google chrome 移动 [android 平板电脑] 上的网站上自动登录的原因或应用程序吗？Chrome 会自动填充凭据，但在单击登录之前不要登录。如何自动化？我有一个自动启动应用程序，它在启动后启动 chrome 和一个网站，现在我需要在这个网站上自动登录！