问题标签 [mobile-chrome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3610 浏览

javascript - 检测是否从javascript启用了移动chrome的数据保存功能

在 android 设备上的移动 chrome 中,有一个名为“数据保存”的设置可从设置 > 数据保存访问。

启用后,读取媒体时的行为可能会略有不同,尤其是视频:在移动设备上禁止自动播放视频,除非视频已静音,但如果启用数据保存,则不再允许静音自动播放。

我需要一种方法来检测是否使用了数据保存,以便我可以更改我的视频播放器行为。

我知道在 http 请求中发送了一个标头:“save-data: on”但是我不知道有什么方法可以从 javascript 中读取 http 请求标头。

更多信息在这里: https ://developer.chrome.com/multidevice/data-compression

感谢您的任何回答。

0 投票
1 回答
1001 浏览

iphone - Mapbox 没有响应 iphone (IOS 10.3.1) Safari 和 Chrome 上的触摸事件,但在 Google 搜索上响应

我创建了一个显示自己的图块的 mapbox 地图,并且在桌面上可以正常工作。当我在移动设备(使用 IOS IOS 10.3.1 的 Iphone)上尝试使用 Safari 时,地图显示正常,但触摸似乎不起作用(平移或放大/缩小)。如果我使用导航控件(+,-)放大或缩小,地图显示数据就好了。

我想知道是否有人遇到过类似的问题?

我正在使用 'Mapbox gl js' 版本 0.34.0:

我注意到一件奇怪的事情,在浏览器中,地图右下方有一个“i”,但单击它以显示任何信息似乎没有任何作用。可能是'我'意味着什么?

如果我使用 Chrome 在同一部 iPhone 上显示相同的地图,我会遇到同样的问题,但使用“Google 搜索”可以正确显示地图并通过显示数据来响应触摸。

0 投票
1 回答
1530 浏览

android - Openlayers 3无法在Android手机上触发点击事件

经过数小时的研究和测试,我在使用 Chrome 的 Android 手机设备上体验到 Openlayers 3 的行为变化。问题可能在这里看到:http: //openlayers.org/en/latest/examples/popup.html ?q=popup 。尝试在 Android 手机的 Chrome 中打开该页面。然后尝试单击地图。我能够始终收到弹出消息的唯一方法是用手指在手机上挥动手指,在短时间内尽可能少地触摸屏幕。这是我所知道的:

  • 适用于 Apple 移动设备、台式机、Android 手机 Firefox 和 Android 平板电脑 Chrome
  • 不适用于手机上的 Android Chrome
  • 单击和双击事件不起作用
  • moveend 事件确实触发
  • 上周工作正常

证据表明 Android 手机上存在 Chrome 问题,但我不确定。有没有其他人遇到过这个问题?你是如何解决这个问题的?提前致谢。

0 投票
1 回答
1039 浏览

javascript - Hammer.js 分别识别捏和旋转

我正在尝试使用 Hammer.js 来识别触摸事件。我想在捏合和旋转手势上做单独的事情,但是一旦我将两个识别器都添加到我的 Hammer.Manager 中,只有旋转手势被识别。

我在 chrome 和 safari 上的 iphone 6s 10.3.1 上尝试此操作,结果相同(当我捏或旋转时会识别旋转,而捏永远不会被识别)

代码笔: http ://codepen.io/anon/pen/YVjogm

有没有办法让这些手势分别被识别?

0 投票
2 回答
893 浏览

ruby-on-rails - 在 iOS Chrome 和 Safari 中关闭应用程序时,Rails 会话过期

使用移动 Safari 或 Chrome 关闭应用程序或选项卡时,会话不会保存并过期。另一方面,它在桌面浏览器上运行良好。

以下是唯一的会话配置。

配置/初始化程序/session_store.rb

  • 红宝石:v2.3.0
  • 导轨 v4.2.8

谢谢你的帮助。

0 投票
2 回答
867 浏览

javascript - 浏览器可以在关闭后重新启动 Web App Install Banner(chrome 添加到主屏幕)吗?

有关显示Web App Install Banner的启发式的文档仅描述了此条件

  • 有一个 Web 应用清单文件,其中包含:
    • 一个短名称(在主屏幕上使用)
    • 名称(在横幅中使用)
    • 一个 144x144 png 图标(图标声明必须包含 mime 类型的 image/png)
    • 加载的 start_url
  • 在您的网站上注册了一名服务人员。
  • 通过 HTTPS 提供服务(使用服务工作者的要求)。
  • 至少访问过两次,两次访问之间至少间隔五分钟。

在此处输入图像描述

但是当用户关闭Web App Install Banner(例如意外)时会发生什么?

我试图找出这个问题:

  1. 未来浏览器是否会使用与我上面指出的相同的启发式再次显示 Web App Install Banner?或者它会使用不同的启发式?还是以后再也不会出现?
  2. 您可以使用一些 API 手动调用 Web App Install Banner 吗?(在此示例中类似于延迟提示)
0 投票
0 回答
52 浏览

cordova - 如何找到实际的移动设备或 chrome 桌面移动模拟器

我正在使用cordova,我想根据其设备执行/阻止某些功能。我怎样才能找到详细信息。

我试过什么?
我正在搜索很多并找到解决方案,但它不起作用链接是 如何检测移动设备是否由 Google Chrome 模拟?

我总是得到 navigator.plugins.length 得到 0

0 投票
1 回答
418 浏览

jquery - 如何修复移动 chrome 中关于位置固定的错误。以及 firefox 和 chrome 之间的区别

在移动版 Firefox 中,一切正常。在 chrome 中,有固定定位的错误。当我滚动标题时,必须将绝对更改为固定,高度 65 到 35 像素。但它会闪烁。我是网络开发的新手。它是我的第一个静态网站。我正在使用 jquery 插件 skrollr。

这是我的jQuery代码

和我的 CSS 代码

请帮助已经一周无法解决这个问题。

0 投票
0 回答
115 浏览

javascript - 锁定屏幕方向但仍确定是否旋转?

这是相同的问题,但对于原生 android:获取手机方向但将屏幕方向固定为纵向

我希望找到一个类似的解决方案(或其中一个的改编)。"orientation": "portrait"基本上,我已使用in将我的 webapp 锁定为纵向manifest.json。但是,我想检测手机何时旋转为横向。

本质上,我希望我的应用程序同时支持纵向和横向,但我想处理它。我不想刷新屏幕。布局不会改变,只有图标会旋转。

我希望这是有道理的。

0 投票
1 回答
2615 浏览

google-chrome - 使用流量节省程序在 Android Chrome 上自动播放 HTML5 视频

我正在构建一个学习应用程序。这有一个类似测验的界面,所以有很多屏幕。大多数屏幕都伴随着动画。考虑到质量和文件大小,.mp4 似乎是动画的最佳格式。但是,HTML 像:

如果流量节省程序已打开,则不会在 Chrome(最新版本)上自动播放。(它适用于 Firefox 和 Safari。)这些 .mp4 文件的大小约为 30 KB。我了解 Google 正试图阻止下载不必要的大量数据的背景视频。但是,就我而言,(i)每次都要求用户点击播放按钮;或者,(ii)要求她关闭隐藏在浏览器设置中某处的数据保护程序,这是糟糕的用户体验。

我在页面加载上尝试了 jQuery .load(),然后是 .play()。我创建了一个假按钮,可以在 onclick() 期间执行 .load() 和 .play(),并触发按钮单击页面加载等。似乎没有任何效果。即使打开数据保护程序也可以使视频自动播放的任何黑客行为?