Android WebView加载禁用Cookie的第三方站点时如何保存用户名密码

你描述的场景完全可以实现账号密码保存需求，不需要自有登录页，核心可通过「JS注入交互」或「系统Autofill框架」两种方案实现，具体实现如下：

首先修复现有代码的拼写错误：你提供的WebView初始化代码中存在变量名拼写错误，websettings 应改为声明的 webSettings，避免运行时报错。

方案1：JS注入实现（兼容全版本系统，灵活性最高） #

实现逻辑 #

• 本地使用加密存储保存不同站点域名对应的账号密码，禁止明文存储到SharedPreferences
• 页面加载完成后，注入JS识别当前页面的登录表单输入框，若本地有存储的对应站点账号密码则自动填充
• 注入JS监听表单提交事件，用户输入账号密码点击登录时，将输入内容回传给Android端加密存储

核心代码实现 #

1. 首先添加加密存储依赖（可选但强烈推荐）

使用Jetpack Security的EncryptedSharedPreferences存储敏感信息，在build.gradle添加依赖：

dependencies {
    implementation "androidx.security:security-crypto:1.1.0-alpha06"
}

2. 实现JS交互接口

public class JsInterface {
    private Context context;
    private String host;

    public JsInterface(Context context, String host) {
        this.context = context;
        this.host = host;
    }

    // 供JS调用，保存账号密码
    @JavascriptInterface
    public void saveAccount(String username, String password) {
        // 这里把username和password加密存入EncryptedSharedPreferences，key用host作为区分
        EncryptedSharedPreferences pref = // 自行实现加密SP初始化逻辑
        pref.edit()
            .putString(host + "_username", username)
            .putString(host + "_password", password)
            .apply();
    }

    // 供JS调用，获取已保存的账号
    @JavascriptInterface
    public String getSavedUsername() {
        EncryptedSharedPreferences pref = // 自行实现加密SP初始化逻辑
        return pref.getString(host + "_username", "");
    }

    // 供JS调用，获取已保存的密码
    @JavascriptInterface
    public String getSavedPassword() {
        EncryptedSharedPreferences pref = // 自行实现加密SP初始化逻辑
        return pref.getString(host + "_password", "");
    }
}

3. 修改WebView配置与页面加载逻辑

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.webview);
    
    webView = findViewById(R.id.webView);
    // 获取传入的目标url，提取host作为存储key
    url = getIntent().getStringExtra("target_url");
    String host = Uri.parse(url).getHost();
    
    WebSettings webSettings = webView.getSettings();
    // 修复拼写错误
    webSettings.setDomStorageEnabled(true);
    webSettings.setJavaScriptEnabled(true);
    // 绑定JS交互接口
    webView.addJavascriptInterface(new JsInterface(this, host), "AndroidInterface");
    webView.getSettings().setAppCachePath(getApplicationContext().getFilesDir().getAbsolutePath() + "/cache");
    webView.getSettings().setDatabasePath(getApplicationContext().getFilesDir().getAbsolutePath() + "/databases");
    
    if (Build.VERSION.SDK_INT >= 21) {
        CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);
    } else {
        CookieManager.getInstance().setAcceptCookie(true);
    }
    
    webView.loadUrl(url);
    
    webView.setWebViewClient(new WebViewClient(){
        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            // 注入JS代码，此处以大多数站点的输入框选择器为例，可按不同域名自定义选择器逻辑
            String js = "javascript:(function() {" +
                    // 自动填充已保存的账号密码
                    "var usernameInput = document.querySelector('input[type=\"email\"], input[name=\"username\"], input[id*=\"user\"], input[id*=\"account\"]');" +
                    "var passwordInput = document.querySelector('input[type=\"password\"]');" +
                    "if(usernameInput && passwordInput) {" +
                    "   usernameInput.value = AndroidInterface.getSavedUsername();" +
                    "   passwordInput.value = AndroidInterface.getSavedPassword();" +
                    // 监听表单提交，保存输入的内容
                    "   passwordInput.form.addEventListener('submit', function() {" +
                    "       AndroidInterface.saveAccount(usernameInput.value, passwordInput.value);" +
                    "   });" +
                    "}" +
                    "})()";
            view.evaluateJavascript(js, null);
        }
    });
}

方案2：系统Autofill框架实现（Android 8.0+适用，无需自定义JS逻辑） #

Android 8.0及以上系统自带Autofill功能，无需自己处理JS注入，只需给WebView开启Autofill支持即可，系统会自动识别登录表单并提示用户保存/填充账号密码，适配成本极低：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
    webView.setImportantForAutofill(View.IMPORTANT_FOR_AUTOFILL_YES);
}

注意事项 #

• 不同站点的登录页输入框属性差异较大，方案1可针对不同域名维护对应的输入框选择器映射表，提高识别准确率
• 若站点登录页为动态渲染，可在onPageFinished后延迟几百毫秒再执行JS，或注入MutationObserver监听DOM加载完成后再执行填充逻辑
• 禁止明文存储账号密码，必须使用加密存储方案避免用户信息泄露

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