首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >可以通过WebView访问HTML form data POSTed吗?

可以通过WebView访问HTML form data POSTed吗?
EN

Stack Overflow用户
提问于 2010-09-01 06:56:07
回答 2查看 13.7K关注 0票数 16

我已经开始编写一个应用程序,通过一个WebView为用户提供一个超文本标记语言表单。由于表单不在我的控制之下,填写的数据可能会以GET或POST请求的形式发送。我的应用程序需要捕获传输的表单数据,即获取输入到表单域中的内容。

使用来自WebViewClient的适当回调(如onPageLoaded() ),可以轻松地从GET请求中捕获表单数据。但是,我找不到任何适当的方法来允许对POSTed数据执行同样的操作,即能够访问包含表单数据的HTTP POST消息体。这里我是否遗漏了相关的回调,或者根本没有办法使用给定的API (即使是最新的级别8)来实现指定的目标?

假设这是不可能的,我考虑重写和扩展android.webkit的一些部分,以便引入一个新的回调钩子,以某种方式传递给POST主体。这样,我的应用程序就可以与定制的浏览器/WebViewClient一起发布,以实现所需的功能。但是,我在代码中找不到任何好的起点,如果在这方面有任何提示,我会很高兴(如果这种方法看起来很有希望)。

提前感谢!

EN

回答 2

Stack Overflow用户

发布于 2010-09-04 20:26:30

正如我在对原始问题的评论中所指出的,JavaScript注入方法是可行的。基本上,您需要做的是向DOM onsubmit事件添加一些JavaScript代码,让它解析表单的字段,并将结果返回给Java注册的函数。

代码示例:

代码语言:javascript
复制
public class MyBrowser extends Activity {
    private final String jsInjectCode = 
        "function parseForm(event) {" +
        "    var form = this;" +
        "    // make sure form points to the surrounding form object if a custom button was used" +
        "    if (this.tagName.toLowerCase() != 'form')" +
        "        form = this.form;" +    
        "    var data = '';" +
        "    if (!form.method)  form.method = 'get';" +
        "    data += 'method=' + form.method;" +
        "    data += '&action=' + form.action;" +        
        "    var inputs = document.forms[0].getElementsByTagName('input');" +
        "    for (var i = 0; i < inputs.length; i++) {" +
        "         var field = inputs[i];" +
        "         if (field.type != 'submit' && field.type != 'reset' && field.type != 'button')" +
        "             data += '&' + field.name + '=' + field.value;" +
        "    }" +
        "    HTMLOUT.processFormData(data);" +
        "}" +
        "" +
        "for (var form_idx = 0; form_idx < document.forms.length; ++form_idx)" +
        "    document.forms[form_idx].addEventListener('submit', parseForm, false);" +    
        "var inputs = document.getElementsByTagName('input');" +
        "for (var i = 0; i < inputs.length; i++) {" +
        "    if (inputs[i].getAttribute('type') == 'button')" +
        "        inputs[i].addEventListener('click', parseForm, false);" +
        "}" +
        "";

    class JavaScriptInterface {
        @JavascriptInterface
        public void processFormData(String formData) {
            //added annotation for API > 17 to make it work
            <do whatever you need to do with the form data>
        }
    }

    onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.browser);
        WebView browser = (WebView)findViewById(R.id.browser_window);
        browser.getSettings().setJavaScriptEnabled(true);
        browser.addJavascriptInterface(new JavaScriptInterface(), "HTMLOUT");
        browser.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            view.loadUrl("javascript:(function() { " + 
                      MyBrowser.jsInjectCode + "})()");
        }
}

非正式地,它所做的是在页面完成加载时注入定制JavaScript代码(作为onsubmit处理程序)。在提交表单时,Javascript将解析表单数据,并通过JavaScriptInterface对象将其传递回Java land。

为了解析表单字段,Javascript代码添加了表单onsubmit和按钮onclick处理程序。前者可以通过常规的提交按钮处理规范的表单提交,而后者处理自定义的提交按钮,即在调用form.submit()之前执行一些额外的Javascript魔术的按钮。

请注意,Javascript代码可能并不完美:可能还有其他方法可以提交表单,而我插入的代码可能无法捕获这些表单。然而,我相信注入的代码可以更新以处理这种可能性。

票数 22
EN

Stack Overflow用户

发布于 2015-03-05 22:53:20

提供的答案给出了错误,所以我决定做一个更简单的实现,它也具有良好结构的JavaScript (意味着JS在一个文件中):

在assets文件夹中,创建一个名为inject.js的文件,其中包含以下代码:

代码语言:javascript
复制
document.getElementsByTagName('form')[0].onsubmit = function () {
    var objPWD, objAccount, objSave;
    var str = '';
    var inputs = document.getElementsByTagName('input');
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].name.toLowerCase() === 'username') {
            objAccount = inputs[i];
        } else if (inputs[i].name.toLowerCase() === 'password') {
            objPWD = inputs[i];
        } else if (inputs[i].name.toLowerCase() === 'rememberlogin') {
            objSave = inputs[i];
        }
    }
    if(objAccount != null) {
        str += objAccount.value;
    }
    if(objPWD != null) {
        str += ' , ' + objPWD.value;
    }
    if(objSave != null) {
        str += ' , ' + objSave.value;
    }
    window.AndroidInterface.processHTML(str);
    return true;
};

这是我们将用于注入的javascript代码,您可以根据自己的需要替换掉if语句,并使用类型,或者使用下面这行代码:window.AndroidInterface.processHTML(str);

那么你的活动/片段应该是这样的:

代码语言:javascript
复制
public class MainActivity extends ActionBarActivity {
    class JavaScriptInterface {
        @JavascriptInterface
        public void processHTML(String formData) {
            Log.d("AWESOME_TAG", "form data: " + formData);
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        WebView webView = new WebView(this);
        this.setContentView(webView);

        // enable javascript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.addJavascriptInterface(new JavaScriptInterface(), "AndroidInterface");

        // catch events
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
                try {
                    view.loadUrl("javascript:" + buildInjection());
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        });

        webView.loadUrl("http://someurl.com");
    }

    private String buildInjection() throws IOException {
        StringBuilder buf = new StringBuilder();
        InputStream inject = getAssets().open("inject.js");// file from assets
        BufferedReader in = new BufferedReader(new InputStreamReader(inject, "UTF-8"));
        String str;
        while ((str = in.readLine()) != null) {
            buf.append(str);
        }
        in.close();

        return buf.toString();
    }
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3613798

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档