【问题标题】:Phone link in HTML for iOS and Android适用于 iOS 和 Android 的 HTML 中的电话链接
【发布时间】:2015-08-10 07:30:43
【问题描述】:

在我的网站上,我想集成一个点击呼叫电话号码。当您点击电话号码(或“立即致电我!”之类的按钮)时,应该会开始通话。

如何在 HTML 中做到这一点?它必须适用于 iOS 和 Android。我需要一个适用于 iOS 和 Android 浏览器的代码。

【问题讨论】:

标签: android html ios phone-call


【解决方案1】:

如果你想在应用程序中实现这个,这个:

在android中,你可以这样做来检测PhoneLinks:

 webView.setWebViewClient(new WebViewClient() {
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.contains("tel:")) {
                    if (url.startsWith("tel:")) {
                        Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse(url));
                        startActivity(intent);
                    }
                    return true;
                }
           }
    });

在IOS中,你可以在UIwebView的属性中启用这个,在Detection里面,有“Phone Numbers”的勾。它会检测到任何电话号码或 phoneLink。

这是你网站上的代码,它会自动触发手机:

<a href="tel:1-408-555-5555">1-408-555-5555</a>

有关 phoneLinks 的更多信息(适用于两个系统):

https://developer.apple.com/library/safari/featuredarticles/iPhoneURLScheme_Reference/PhoneLinks/PhoneLinks.html

【讨论】:

  • 我将这个用于我的网站:1-408-555-5555 在 iOS Safari 中它可以正常工作,但是在我的应用程序的 web 视图中它不起作用。为什么?有什么想法吗?
  • 在 webview 中,使用我提供的代码。您必须创建一个自定义 webview 并覆盖 ShouldOverrideUrlLoading 方法,以便它检测到“tel:”
  • 问题是我的 HTML 代码。通过在我的应用程序中使用这个 1-408-555-5555 它可以正常工作。我的html代码是: empl.com"> 我把它改成了: 但它不起作用。为什么会这样?
  • 请通过编辑在您的问题中发布完整的 html 代码。
  • 它现在可以在我的 iOS 应用程序中使用。 我稍后会在我的 Android 应用中进行测试。
猜你喜欢
  • 1970-01-01
  • 2015-12-22
  • 1970-01-01
  • 1970-01-01
  • 2012-12-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多