如何在Web View Android应用程序上使用外部浏览器

编程问答 2022-12-29

问题描述

我将WordPress网站转换为android应用程序，在我的网站中，我需要打开外部链接浏览器（例如电报），在电报中，所有外部链接都在应用程序的外部浏览器中打开

解决方法

您可以在网络视图中添加WebViewClient，并覆盖shouldOverrideUrlLoading方法。单击链接时，这将为您提供回调，并且您可以检查URL并决定是要在Web视图中打开还是在外部浏览器中打开它。

例如：

private class MyCustomWebClient : WebViewClient() {

        @TargetApi(Build.VERSION_CODES.N)
        override fun shouldOverrideUrlLoading(
            view: WebView?,request: WebResourceRequest?
        ) = if (interceptUrlLoading(request?.url?.toString())) {
            true
        } else {
            super.shouldOverrideUrlLoading(view,request)
        }

        override fun shouldOverrideUrlLoading(view: WebView?,url: String?): Boolean =
            if (interceptUrlLoading(url)) {
                true
            } else {
                super.shouldOverrideUrlLoading(view,url)
            }

        private fun interceptUrlLoading(url: String?): Boolean {
            return if (url.equals("telegram url ...")) {
                startActivity(Intent(Intent.ACTION_VIEW,Uri.parse(url))) 
                true
            } else {
               false
            }
        }
}
,

由于@peshkira提供了很好的解决方案，但我建议使用CustomTab。

使用“自定义标签”，您可以获取浏览器实例，而无需创建Web视图。浏览器由于具有导航意识，因此可以在外部导航时向应用程序提供回调。您可以修改和更新以下内容-

自定义菜单

地址栏的颜色

自定义操作按钮

自定义进入和退出动画

CustomTab的设置-

dependencies {
    ...
    implementation "androidx.browser:browser:1.2.0"
}

在您的代码中，打开一个CustomTab-

String url = ¨https://paul.kinlan.me/¨;
CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
CustomTabsIntent customTabsIntent = builder.build();
customTabsIntent.launchUrl(this,Uri.parse(url));

通过连接到服务并预加载浏览器，打开带有“自定义标签”的链接时，您最多可以节省700毫秒。

大多数浏览器都支持CustomTab，例如Chrome，三星Mobile Broswer，Microsoft Edge等。 请关注Custom Tabs Best Practices.，这是gitHub example。

修改

正如您在评论中所述“每个帖子都有1个外部链接” ，然后您遵循以下选项-

  1. 创建一个WebView来打开链接
  2. 使用意图打开设备外部浏览器
  3. 使用CustomTab打开浏览器实例

我认为通过this gif很好地解释了这三个行为。

现在，要显示应用程序中的所有帖子，我相信您正在使用RecycleView，因此您可以从三种选择中进行选择，您可以通过使用点击侦听器来侦听其中一个帖子的点击该帖子，如下所示-

postItem.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        handleClickOnLink(postUrl);
    }
});

现在，在方法handleClickOnLink(String postUrl)的主体中，您可以使用代码来决定如何打开链接。

如上所述，使用CustomTab是一种选择，在这种情况下，我认为这是一个不错的选择，因此您可以实现以下方法-

public void handleClickOnLink(String postUrl){
    CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();

    //setting toolbar color 
    builder.setToolbarColor(getContext().getColor(R.color.colorPrimaryDark));
    //can be more modification as builer.setTitle() and more

    CustomTabsIntent customTabsIntent = builder.build();
    customTabsIntent.launchUrl(getContext(),Uri.parse(postUrl));
}

如果某台设备的浏览器不支持CustomTab，则将打开设备默认浏览器。

结果将如下所示-

enter image description here 祝您编码愉快！

,

问题解决的家伙，感谢您的重播

Source（来自sven）

webView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view,String url) {
    if (url != null && (url.startsWith("http://") || url.startsWith("https://"))) {
        view.getContext().startActivity(
            new Intent(Intent.ACTION_VIEW,Uri.parse(url)));
        return true;
    } else {
        return false;
    }
}

}）;

androidandroidandroid-studioandroid-webviewwebviewwebview