Android中Webview使用自定义的JavaScript进行回调

Android中Webview使用自定义的JavaScript进行回调

先说为什么需要讨论这个问题。

现在很多的手机应用，都可能会直接嵌入一个web页面。这样做的好处：一个是功能更新方便，维护起来容易，只需要维护服务器的页面即可，不需要更新客户端；另一个是功能通用，不仅Android可以用，ios也可以用，symbian也可以直接用。

那为什么现在很多手机应用并不做成web方式的呢？原因很多。一个是现阶段web方式展现能力相对较弱，如果对于应用的美观程度要求比较高，就无法使用web方式；一个是web方式速度相对较慢，用户体验会受一些影响；一个是现阶段流量还是相对宝贵，web方式流量相对较大；还有一个就是有一些功能无法使用web方式实现（关于这一点，现在又很多开源的项目可以实现手机的一些硬件功能，比如拍照啊，获取通讯录啊，都是可以的，感兴趣的可以搜索一下phoneGap。但是从现有的反馈来看，速度较慢，体验较差）。

基于以上的原因，现在很多项目会把一部分功能做成web方式的，一部分功能用其它控件来写。这就需要web页面与其它控件做一些交互。如何交互呢，就是利用自定义的javascript。

下面虚拟一个场景。

现在有一个功能，展现当前用户的好友列表，好友列表页是web方式的，点击某好友的头像以后，进入该好友的详情页面，而这个页面呢，由于某些原因，没做成web方式的。

假设好友列表页是UserListActivity，包含一个webview。好友详情页面是UserDetailActivity，包含很多控件和业务逻辑。

我们以id来唯一标示用户。好友列表页中，点击每一个好友头像，都会调用：

onclick="javascript:android.user('1')"

类似这样的js语句。因本文主要介绍android，而不是web开发内容，所以具体不再详述，熟悉web开发的同学很容易理解。

我们现在需要做的，就是显示用户列表页面，然后在用户点击头像以后，响应具体的js请求，跳到该好友详细页面。

下面看看大概的实现方法。

默认情况下，在WebView中是不能使用javascript的。可以通过下面的代码：