标签: google-chrome-android

我的 PWA 仅在 Android 版 Chrome 中显示为不可安装

我已经构建了一个似乎可以在桌面环境中正常工作的“PWA”。我可以毫无问题地将其安装在我的台式电脑和 Mac 上:

\n

图片1

\n

此外,还满足要求(此时[2021-05-11]):

\n

预览

\n

预览值

\n

PWA 构建器结果(此时为 94/100 [2021-05-11]):

\n

结果

\n

然而,它在我的 Android 版 Chrome 中似乎无法安装(添加到主屏幕?据我所知,这是针对非 PWAS 的):

\n

安装失败

\n

我知道这不是我的 Chrome,因为我有另一个 PWA 可以正确显示它(安装应用程序):

\n

https://fanmixco.github.io/toastmasters-timer

\n

预览2

\n

而且它的结果更差(因为它是以前的版本并且不受支持):

\n

旧预览

\n

我的应用程序以前可以运行。唯一显着的变化是我将其添加manifest到了 部分中的 Windows 应用程序related_applications(我删除了它但不起作用)。新的变化与其性能和效率的提高有关。

\n

这是我的最新manifest文件:

\n
{\n  "dir": "ltr",\n  "lang": "da",\n  "name": "Toastmasters Timer",\n  "scope": "/toastmasters-timer-material-design/",\n  "display": "fullscreen",\n  "start_url": "https://fanmixco.github.io/toastmasters-timer-material-design/",\n  "short_name": "TM Timer",\n  "theme_color": "#ffffff",\n  "description": "It\'s a simple PWA for helping Toastmasters all over the world …
Run Code Online (Sandbox Code Playgroud)

android google-chrome progressive-web-apps manifest.json google-chrome-android

6
推荐指数
0
解决办法
1436
查看次数

Android 上的 Google Chrome 101 在软键盘上显示 TAB 键,而不是 HTML 输入字段的 ENTER

我在 Android 11 上使用 Chrome 101。将焦点设置在 HTML 输入字段上会弹出软键盘。在早期版本的 Chrome 中,软键盘右下角有 ENTER 键: Android 软键盘 ENTER 键

但现在,对于表单中最后一个字段以外的任何输入表单字段,它都会显示 TAB 键。 Android 软键盘 TAB 键

有没有一种方法或设置可以更改此设置以始终显示输入表单字段的 ENTER 键?

android enter html-input android-softkeyboard google-chrome-android

3
推荐指数
1
解决办法
1618
查看次数

臭名昭著的高度:Android 版 chrome 上的 100% 问题 - 地址栏

我创建了一个有角度的应用程序,其中侧边栏是height: 100%。但是,在 Android 版 Chrome 中查看 Web 应用程序时,滚动文档时:

  1. chrome地址栏轻轻向上滑动
  2. 100% 实际尺寸保持不变,直到您 TouchEnd

高度 100 保持不变,直到滚动完成

深灰色侧边栏通常height: calc(100% - 55px)应始终保持顶部栏可见,并始终填充顶部栏和底部之间的剩余空间。

我已经尝试了几种方法来解决这个问题。页脚有bottom: 0,而且事实上这个页脚总是正确呈现的。所以这让我尝试使用top: 55px; bottom: 0而不是height: calc(100% - 55px). top但从您同时设置和 的那一刻起bottom,结果与设置高度相同。

有谁知道如何在地址栏出现/消失时使视口调整其高度?

css address-bar android viewport google-chrome-android

2
推荐指数
1
解决办法
3310
查看次数