问题标签 [chrome-ios]

我正在尝试实现语音识别/合成是一个使用 Chrome 的网络应用程序。我的应用程序在 Mac/Win 上运行良好，但在 IOS 上运行良好。我听到有关 IOS 支持的相互矛盾的事情。

语音 API 是否适用于 Chrome IOS？如果是这样，您需要做任何特殊的事情来编程或使用它吗？

这是应用程序：https ://viseyes.org/liza

iPhone X，iOS 12.1.2

情况：

1. 我正在提出一个需要很长时间才能完成的请求
2. 同时我正在切换到其他应用程序
3. 当我将 Safari 放回前台时，它说连接已丢失

当我不将其切换到后台时，就没有这样的问题。就像在 Chrome 和 Safari 上一样，但仅限于 iOS。Android 上的 Chrome 运行良好。

我正在使用 javascript 中的日期/时间，它在 chrome windows 上正常工作，但在 iOS 设备上的 Chrome 中不工作。在 iOS 上无法正确计算两次之间的差异。

这是我的代码：

想要使用 ios chrome 浏览器上的按钮单击来重置捏缩放网页。

添加这个以在早期版本的 ios chrome 浏览器中重置捏缩放。但不适用于新版本。

无法在 Chrome 浏览器应用程序 (iOS 13) 上打开使用“Web SQL API”的 Web 应用程序。虽然新的 iOS 13 不再支持 WebSQL（bot Safari 和 Chrome），但 Safari 有一个解决方法（设置->Safari->高级->实验功能）可以启用 Web SQL，但是在 Chrome 上呢？

我试图在 Chrome 隐藏功能中找到一些选项，但没有成功。

我有一个问题，Chrome 的横向版本在我的屏幕左右添加了空白。

以下是规格：

我有一个“厨房水槽”方法，我已经尝试了一切来删除这些白条并使背景全屏。

以及以下 CSS：

这是一个现场演示：

https://codepen.io/EightArmsHQ/pen/JjYygPg

我在iOS Safari中取得了不错的成绩，但似乎止步于此。已经提出了类似的问题env(safe-area-inset-top) not working on Android Pie + WebView 69

我想知道这是否是 Chrome iOS 错误，或者我的实现是否不正确。值得注意的是，Safari在添加这些属性时确实会删除空格。

看来这是不可能的。

据我所知，Chrome iOS 不会打开 vcf 文件，我已经尝试了许多可能的解决方案。

移动 Safari 将使用“添加联系人”屏幕打开一个 vcf，但我无法看到您可以从 Chrome 显式打开移动 Safari 中的链接。

我能想到的最佳解决方案是单击链接复制它，然后打开一个弹出窗口，告诉用户切换到 safari 并将链接粘贴到那里。

在 IOS Chrome 上，body 在没有内容的新选项卡或页面上溢出，但如果重新加载页面，问题就解决了。对于位于底部的任何元素（绝对或固定），它都会造成问题。这是重现问题的代码：

边框应显示在视口周围，但隐藏在底部导航栏后面。这是上面代码的结果：

我尝试过的事情（没有一个有效）：

• 如此处所述删除“width=device-width”： 空 HTML5 页面仍然溢出并在移动设备上触发滚动条。
• 用 JS 重新加载页面。当用户手动刷新页面时，问题已得到解决，而不是以编程方式。
• 使用变换放大和缩小强制刷新

我已经尝试了一周寻找解决方法，但无济于事。任何帮助将不胜感激

编辑：我的问题不同于在移动设备上没有填充完整宽度的 HTML 正文，因为我没有填充正文的问题，我有一个溢出的正文问题，并且移动 chrome 在新页面上的行为与现有页面不同. 页面上的解决方法不适用于我的问题

我的问题如下：当使用上面的代码打开一个新页面时，有人能找到一种使用 css 或 JS 使 HTML 正文不溢出的方法吗？

当从外部（来自 iMessage、Twitter、Messenger 等）单击要在 Chrome 中打开的链接时，iOS Chrome 似乎正在错误地计算 html 视口。

html是一个简单的：

重现步骤：

1. 复制此链接：https ://alwyntan.github.io/test-page/ ，不要只是单击它，因为它会正常工作。
2. 将链接发送给您自己（在 iMessage、Messenger 或您使用的任何消息传递服务上）。
3. 在Chrome上打开您刚刚发送给自己的链接。

在开发旨在与他人共享的页面并且 CTA 按钮绝对位于页面底部时，此问题尤其成问题（该按钮不会显示，因为用户必须向下滚动才能看到它）。想象一个活动页面，其“加入活动”按钮绝对位于页面底部，用户无法立即看到它。

您会看到页面在不应该滚动时是可滚动的。通过点击地址栏并点击返回再试一次，页面将恢复到其预期的行为（html 正确占用可用的视口）。为什么会发生这种情况，有人知道如何解决吗？

提前非常感谢。

我在网站上有一个按钮，可以在点击时添加日历事件。我在大多数浏览器上使用ics.js，但在 iOS 上的 Safari 上使用了不同的解决方案，而在 iOS 上使用 Chrome 浏览器时，我不得不实现 webcal:// 解决方案。

单击时，打开的 URL 是webcal://mysite.com?calreminder=[title]&time=[time]

然后服务器端我们生成这个输出：

这将打开此提示：

这一切都很好，但理想情况下，我想从显示中隐藏 URL，而是显示事件的名称：“你想订阅 [Event Name] 吗？”

我知道一定可以做到，因为他们在https://www.addevent.com/add-to-calendar-button上做到了：

但是，我不知道如何以这种方式显示它而不是显示 URL。有人知道吗？