在从受信任的 Web 活动打开的自定义选项卡中隐藏 div答案

【问题标题】：Hide div in a Custom Tab opened from a Trusted Web Activity在从受信任的 Web 活动打开的自定义选项卡中隐藏 div
【发布时间】：2020-04-30 06:59:26
【问题描述】：

我有一个使用带有外部链接的可信网络活动的 Android 应用。单击链接时，它会在应用内浏览器（自定义选项卡）中打开。我想在该自定义选项卡页面中隐藏一个 div，但我想在网站在 Chrome 中打开时显示该 div。是否可以？ div 如下所示。

<div id="something" class="something"><a class="btn btn-primary" href="somelink">text</a></div>

【问题讨论】：

你可以用javascript加载页面看看这个问题-stackoverflow.com/questions/4325639/…
1 解决方案是通过检测页面的位置是否在webview页面/常规浏览器上，然后执行一些功能来隐藏div元素。检测 webview/浏览器参考：stackoverflow.com/questions/12727117/…
我已经编辑了我的问题。这是一个 TWA 应用程序。这里不是编码器。请以简单的格式给出答案。
有任何javascript代码来区分可以在网站中插入/使用的android浏览器和应用内浏览器吗？
以下是检测站点是否已由受信任的 Web 活动打开的方法：stackoverflow.com/questions/54580414/…。但似乎您想在受信任的 Web 活动中打开的 URL 之外的导航上实现此功能，使用的是自定义选项卡，而不是 WebView。你能确认一下吗？

【解决方案1】：

假设开发人员控制所涉及的两个站点，如果受信任的 Web 活动正在打开 https://siteA.com 和 https://siteB.com 从站点 A 上的链接打开，并且您希望在站点 A 打开站点 B 时隐藏一个 div。

您可以链接到https://siteB.com?hideDiv=true。只有在受信任的 Web 活动中时，siteA 才能附加额外的参数。 siteB 检查参数是否存在，如果存在则隐藏潜水。

另一种方法是在 JavaScript 中检查 document.referrer 并检查它是否与 https://siteA.com 匹配。

【讨论】：