Android WebView存储标识值并通过JavaScript获取的方案问询

因为JavaScript没法直接拿到Android设备ID，我们可以用下面的方案实现用户识别：先通过原生代码获取设备ID（或者生成随机唯一值），把它存在WebView的Cookie或者浏览器本地存储里，这样页面里的JS就能在点击特定链接时读取这个标识了。

1. 获取设备ID的原生代码 #

用Settings.Secure.ANDROID_ID获取设备ID：

String deviceId = Settings.Secure.getString(context.getContentResolver(),
        Settings.Secure.ANDROID_ID);

小贴士：有些设备可能返回空值，或者在重置系统后这个ID会变。如果需要更稳定的标识，也可以生成一个UUID，然后存在Android本地存储里（比如SharedPreferences）。

2. 把标识存入WebView的Cookie #

如果选Cookie存储，在WebView加载页面之前设置Cookie：

CookieManager cookieManager = CookieManager.getInstance();
cookieManager.setAcceptCookie(true);
// 这里的domain要和你WebView加载的页面域名一致
cookieManager.setCookie("your-web-domain.com", "device_id=" + deviceId);
// Android 5.0及以上需要手动同步Cookie到数据库
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    cookieManager.flush();
}

3. 把标识存入WebView的LocalStorage #

如果想用LocalStorage，通过WebView的evaluateJavascript方法注入值：

// 要等WebView页面加载完成后再调用，比如在WebViewClient的onPageFinished回调里
webView.evaluateJavascript("localStorage.setItem('device_id', '" + deviceId + "');", null);

4. JS读取标识的代码 #

在网页里，给特定链接绑定点击事件，读取存储的标识：

// 假设目标链接的id是target-link
document.getElementById('target-link').addEventListener('click', function() {
    // 从Cookie读取
    const cookieDeviceId = document.cookie.split('; ').find(item => item.startsWith('device_id='))?.split('=')[1];
    // 从LocalStorage读取
    const storageDeviceId = localStorage.getItem('device_id');
    
    const deviceId = cookieDeviceId || storageDeviceId;
    // 这里可以用拿到的设备ID做用户识别逻辑
    console.log('当前设备标识：', deviceId);
});

内容的提问来源于stack exchange，提问作者Manas Kapoor