亚马逊应用程序使用本机 webview 吗？

Posted 2023-04-14

【中文标题】亚马逊应用程序使用本机 webview 吗？

【英文标题】：does the amazon app use the native webview?

【发布时间】：2020-07-06 16:55:08

【问题描述】：

我读过一些帖子说亚马逊应用大量使用 webviews

（来源：-https://www.quora.com/Why-does-the-Amazon-app-use-WebView-in-their-android-and-ios-application 和https://www.teamblind.com/post/Amazon-app--webviews-cuT4sN6C)

现在，我过去曾在 android 中使用过一些 webview，我将远程 url 加载到 webview，并将该网站的 exact 版本加载到移动应用程序上。这对我来说是意料之中的。所以我调查了亚马逊的 ios 应用程序并将其与桌面网站（在移动视图中）进行了比较，确实它们非常相似。 但是，在任何一个平台上都缺少一些元素。我会附上下面的图片：

（左边是ios应用，右边是桌面网站的移动视图）

现在我有几个问题：

当人们提到亚马逊用例的“webview”时，他们是在谈论来自 android 和 ios 的原生 webview，例如 Webview 和 WKWebview？ （https://developer.android.com/guide/webapps/webview 和 https://developer.apple.com/documentation/webkit/wkwebview），还是他们在谈论 apache cordova 或 Ionic 之类的混合应用技术？

如果确实是原生的webview容器，可以编辑html去掉一些元素吗？就像移动应用程序中缺少一些桌面网站上没有的东西一样。并且还添加一些东西，比如现在移动应用程序有“立即购买”按钮和“收藏图标”？

在访问相机、gps 等原生功能和所有其他好东西方面，我可以使用 Webview 走多远？

【参考方案1】：

当人们在亚马逊的用例中提到“webview”时，他们是在说 关于来自 android 和 ios 的本机 webview，如 Webview 和 WKWebview?

是的，它们确实是框架 webview。 但他们很有可能使用混合应用技术。

如果确实是原生的webview容器，可以编辑html去掉一些元素吗？就像移动应用程序中缺少一些桌面网站上没有的东西一样。并且还添加一些东西，比如现在移动应用程序有“立即购买”按钮和“收藏图标”？

您可以在 webview 中使用 javascript 编辑 html 以删除/添加元素，但此处并非如此。 这些网站针对不同的设备有不同的用户界面。 （桌面/手机） 例如：Flipkart 在应用程序上使用移动版本，该版本在浏览器上不可用，除了移动设备上的 Chrome（我猜）。它只是将用户重定向到相应的应用商店以下载应用。 我假设它是通过检查 User-Agent 字段来完成的。

在访问相机、gps 和所有好东西等原生功能方面，我可以使用 Webviews 走多远？

您可以通过 webview 使用相机和 gps。 更多信息。 here 和 here。

【讨论】：

当您提到亚马逊可能使用混合应用技术时，您认为这是一种什么样的技术？如果是这样的话，他们是否重复使用网站的任何部分以在移动应用程序中使用？因为您还说他们对不同的设备（移动/桌面）有特定的不同 UI，但我发现亚马逊应用程序上的大多数页面。比较移动应用和网站（在移动视图中）时几乎相同

@Barcode 它不一定是混合技术。他们有一个内部图书馆，就像github.com/hotwired/turbo-android