问题标签 [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 投票
1 回答
1377 浏览

css - 代码 {font-weight:bold} 在 mobile-chrome 中不起作用

Mobile-chrome 顽固地压倒了我对 font-weight:bold 的要求。我已经尝试了所有合理的方法,包括通过添加 id 甚至可怕的“!important”规则来增加“特异性”。没有任何效果。我在我的桌面浏览器上得到了想要的效果,只是在我使用 mobile-chrome 的 Android HTC One S9 上没有。

理想情况下,我想要一个纯 CSS 解决方案,因为 html 将由另一个程序生成,并且编写一个正则表达式脚本来处理所有用例会有点乏味,而且我宁愿不必在<strong>任何地方添加标签这应该是一个如此简单的 CSS 修复。下面的代码只是更大的网页集合的最小示例。

一些问题:

  1. 是否有一个纯 CSS 解决方案,我不必修改 html?

  2. 在哪里可以找到 mobile-chrome 使用的默认 CSS 样式表?即使我无法修改它,只要看到它就可以帮助我弄清楚一些事情。

  3. 我承认 Chrome DevTools 界面让我很困惑。我将手机连接到笔记本电脑,确实看到了不想要的输出,但我不知道我应该寻找什么来实际调试问题。任何帮助表示赞赏。

遗憾的是,将一些文本以粗体显示需要 3 个小时。下面的代码和链接。

这是实际的网页

这是 chrome DevTools 上显示问题的移动视图的图片

0 投票
1 回答
95 浏览

cordova - 如何在移动 chrome 共享选项中列出混合应用程序?

我正在使用 Apache cordova 构建一个混合应用程序。我需要我的应用程序在 google chrome(mobile) 共享选项中列出,以将当前 url 共享到我的应用程序。我怎样才能做到这一点?帮助将不胜感激。

0 投票
0 回答
572 浏览

android - AngularJS ng-click 不适用于移动 chrome 浏览器

我对 ng-click 有疑问。在我的台式电脑上,一切正常。但是当我在我的 android 手机上尝试相同的操作时,ng-click 不起作用。奇怪的是,它适用于 android 的标准浏览器,但不适用于 chrome。有没有可以设置或取消设置的选项?

谢谢你的帮助

0 投票
1 回答
6697 浏览

android - 如果切换到背景,Chrome for Mobile 会停止我的视频

我提供了一个移动网站,用户可以在该网站上观看视频(通过 HTML5 视频嵌入)。我的用户要求如果他们切换到另一个应用程序或锁定屏幕以节省电池,视频应该继续播放。没关系,如果他们必须在切换到另一个应用程序之前“电话-操作系统-级别-确认”这个后台播放行为。

我可以在我的移动页面上做些什么来支持这种行为吗?我读过 Chrome >= 54 应该支持这样做,但我的视频在切换到另一个应用程序后仍然会立即停止。需要什么样的巫术才能为我的用户支持该功能?

0 投票
0 回答
360 浏览

android-manifest - 如何在移动 Web 应用程序 manifest.json 中正确定义“范围”设置

我正在尝试为我的 Web 应用程序正确配置 manifest.json 文件,以便在从主屏幕图标打开时保持“独立”的感觉。

应用程序被定义为基本 URL 中的一组“页面”:url.xyz/page1、url.xyz/page2、url.xyz/page3 等...

Android 6 Chrome 54 可以正确处理此问题,并且在这些页面之间导航时不会破坏本机体验。但是,iOS 10.0.2 Safari 无法正确处理它,每次选择任何链接时都会启动浏览器。

目前我已将范围定义为:

“范围”: ”/”

我假设这表明允许根目录和子目录。但是我找不到一致的文档来表明范围是否以这种方式适用,或者任何没有扩展名的页面是否会显示为子目录,从而“超出范围”并触发浏览器打开。我找不到有关通配符的支持或文档,例如“范围”:“/ *”等...这将允许所有子页面和子目录包含在范围中。

谁能澄清这一点并可能解释如何正确地做到这一点?

谢谢!

0 投票
1 回答
1341 浏览

javascript - Android 版 Chrome 中的自定义网络通知声音

是否可以在 Android 上的移动 Chrome 中设置自定义网络通知声音(使用 service-worker 的 javascript)?

如果是这样,是否有任何限制(文件类型、大小、声音长度)?

谢谢

0 投票
1 回答
9552 浏览

android - 从 Chrome 自定义选项卡重定向到 Android 应用程序时“导航被阻止”

我正在“现代化”我们的登录小部件以使用 Chrome 自定义选项卡,因为Google 将在几个月后开始使用 Webviews 阻止 OAuth 请求

登录小部件与我们的身份服务配合使用,该服务支持经典的“用户名和密码”登录和社交登录,通过在 Google/Facebook/ 的授权代码流中播放 OAuth2“客户端”......因此来自 Google 的授权代码被传递到此身份服务,它反过来为我们的登录小部件提供访问令牌。

访问令牌通过客户端重定向传递回移动应用程序:

对于经典登录来说一切都很好:用户填写用户名和密码并提交,返回访问令牌,重定向到自定义 URI 方案会触发我的 RedirectReceiverActivity 的意图过滤器。

但是,对于社交登录,重定向时不会发生任何事情,除了 Android 监视器中的这一行:

需要说明的是:对于经典登录和社交登录,客户端重定向完全相同,但是在经典登录后允许,而在社交登录后则被阻止!而且,如果我向小部件添加一个按钮,该按钮在社交登录后执行完全相同的重定向,则再次允许它 - 只要用户单击它。

这让我感到困惑: - 为什么重定向有时被允许有时被阻止?- 除了要求用户在社交登录序列完成后单击按钮之外,有什么办法可以解决这个问题?

我尝试了我能想到的一切:使用“intent:”语法,模拟代码中的按钮单击,使用服务器端重定向,......但没有任何效果。此外,我使用 Google 身份验证示例研究了AppAuth 库,据我所知,我正在做同样的事情。

0 投票
0 回答
129 浏览

android - 如何从 Intent URL 字符串启用主屏幕模式?

我们在 Chrome 中开发了一个 .NET 网络应用程序,我们正尝试从移动设备管理锁定屏幕以主屏幕/全屏模式打开该网络应用程序。我们能够使用以下语法在 Chrome 中成功打开 URL:

但是,这不会在主屏/全屏模式下打开应用程序。是否有一个容易修改此 url 字符串以每次在主屏幕模式下打开它?或者我们需要在 .NET 项目中为它编写代码。

任何帮助,将不胜感激。

谢谢你。

0 投票
0 回答
272 浏览

html - 移动 Chrome 中的 Html 选择下拉列表未填充选项:Angularjs

在我们的应用程序中,我们在某些模块上同时使用了 Jquery 和 Angularjs。我遇到了一些奇怪的问题,htmlselect下拉菜单没有在移动浏览器中填充选项,尤其是在mobile chrome. 因为angualr-arina.

请在移动 chrome 浏览器中查看此代码段

ng-arina关于在页面加载时启用/禁用模块的任何想法。或者如何处理这个问题?

0 投票
1 回答
1318 浏览

html - overflow:scroll not showing a disabled scroll on Chrome Mobile

When I set overflow: scroll to a div, I'm expecting to have a scrollbar even when the content doesn't scroll (for design purposes)

but when there's no need to scroll, chrome mobile hides the scrollbar anyway.

I'd like to show a disabled scroll on Chrome Mobile when the content doesn't scroll, or at least a way to know from pure CSS that it doesn't scroll, to avoid using width: calc(100% - 17px);

Fiddle