如何在 webview Android 应用程序中使用外部浏览器答案

【问题标题】：How to use external browser on web view Android app如何在 webview Android 应用程序中使用外部浏览器
【发布时间】：2020-12-04 07:26:36
【问题描述】：

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

【问题讨论】：

标签： android android-studio webview android-webview

【解决方案1】：

@peshkira 给出了一个很好的解决方案，但我建议使用CustomTab。

使用自定义选项卡，您无需创建 Web 视图即可获得浏览器实例。由于它提供导航感知，浏览器在外部导航时向应用程序提供回调。您可以修改和更新以下 -

自定义菜单

地址栏的颜色

自定义操作按钮

自定义进入和退出动画

自定义选项卡的设置 -

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、Samsung Mobile Broswer、Microsoft Edge 等。请关注Custom Tabs Best Practices. 这里是gitHub example。

编辑

正如您在评论中提到的“每个帖子都有 1 个外部链接”，那么您可以选择以下选项 -

创建WebView 以打开链接
使用意图打开设备外部浏览器
使用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，则设备默认浏览器将打开。

结果如下 -

快乐编码！

【讨论】：

bro 在 webview 中如何工作？我已经有一个 wordpress 网站，我将网站隐蔽到应用程序，在该网站中，每个帖子都有 1 个外部链接，所以如何做到这一点
好吧，我不确定您是如何将您的 wordpress 网站转换为您的应用程序的，如果您已经在使用 WebView 来显示您的 wordpress 网站的内容，那么使用 CustomTab 根本不在图片中，您应该使用@peshkira 建议的shouldOverrideUrlLoading。如果您使用WebCrawler 或其他方式从您的网站获取信息以显示在列表中，请检查我的编辑。
此外，我不使用电报，但我确实在我朋友的一部手机上检查了电报的外部链接行为，我发现电报在他们的外部链接代码中确实实现了CustomTab .

【解决方案2】：

您可以将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
            }
        }
}

【讨论】：

【解决方案3】：

问题已解决，感谢您的重播

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;
    }
}

});

【讨论】：