如何使用JavaScript或HTML打开移动版Chrome浏览器

3

我有两个问题。

//// 我需要这个 ////

我想使用JavaScript或HTML打开其他Android移动Web应用程序(例如Naver、Firefox等)上的Chrome浏览器并带有URL。

例如:如果用户在移动Web应用程序上单击“我的网站”按钮,则会在Android设备的移动Chrome浏览器中打开重定向URL。

我该怎么办呢?

//// 问题列表 ////

  1. 我发现我应该使用Deeplink或Intent,但我不知道Android移动Chrome浏览器的Intent URL或Scheme URL是什么。Android移动Chrome浏览器的Intent URL是什么?如何获取? (我使用了window.location.href = "market://detail?id=com.android.chrome";但没有作用)

  2. 当我使用Deeplink或Intent时,如何同时重定向Chrome上的URL并打开Chrome?


1
重复的问题,请查看此链接:https://dev59.com/7l4b5IYBdhLWcg3wYAb6#29673757 - Oh hi Mark
谢谢您的回答。但可能会有所不同。我想要使用JavaScript或HTML从其他浏览器(例如Firefox浏览器而不是我的构建应用程序)打开安卓Chrome浏览器(如果单击我的主页按钮)。 - minsu lee
在浏览器中运行的Web应用程序,例如Firefox/Chrome都是沙盒化的,并且不与系统进行交互。您无法通过浏览器开启您的摄像头,例如。据我所知,打开Chrome的唯一方式是将其设置为默认浏览器。 - Oh hi Mark
谢谢!我会用其他方法解决。 - minsu lee
2
@minsulee,请告诉我们你是如何做到的。我也需要它。 - Marciel Fonseca
3个回答

5

对于Android:

<a href="intent:https://yourwebsite.com#Intent;end" target="_blank">Open Browser</a>

注意:如果系统中已设置默认浏览器,该解决方案将打开默认浏览器。如果没有设置默认浏览器,它将显示支持打开url的浏览器列表。
请确保点击是用户生成的(不是Javascript),以测试此功能。某些浏览器将不会在非用户调用情况下打开。

1
我已经寻找这样的答案有一段时间了...谢谢!我现在在我的像素上尝试它,以寻找一个iOS的等价物。谢谢!❤️ - Shalanah
1
你知道是否有iOS的等效解决方案吗? - JMad
嘿John,非常感谢。这个也适用于iOS吗? - Ava Juan

3

我也在寻找答案,因为我试图将我的用户从不支持的浏览器(例如Facebook浏览器)发送到Chrome。

不幸的是,约翰的解决方案对我没有起作用,但它指向了正确的方向。

对我有用的是:

<a href="intent://mysite.com#Intent;scheme=https;package=com.android.chrome;end">
    Click to open on Chrome
  </a>

说明

我在https://branch.io/glossary/chrome-intents/找到了一个很好的解释,但总结一下:

将其分成三个变量:

URI:网站的名称(例如:google.com),请注意其不带UriSchemes。

UriSchemes:HTTP / https(您可以在https://www.w3.org/wiki/UriSchemes阅读更多信息)

PACKAGE:我们想要将Intent发送到的应用程序的包,在我们的情况下是com.android.chrome

现在你可以将它们插入以下代码中。

<a href="intent://URI#Intent;scheme=UriSchemes;package=PACKAGE">
    Click to open on Chrome
  </a>

2
第一次在 StackOverflow 上回答问题,耶! - Avishai V.

1
你可以尝试以下方法,这对我有用:

"googlechrome://navigate?url=" + url

i.e. window.open("googlechrome://navigate?url=" + url,"_system"); // here you can try with _system or _blank as per your requirement

你的方案出现错误。不允许加载本地资源:googlechrome://navigate?url=www.myurl.com - titusfx

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接