在UIWebView中捕获console.log

时间:2013-03-29 06:56:20

标签: javascript ios uiwebview xamarin.ios

我正在使用MonoTouch编写一个iOS应用程序,它与UIWebView进行一些javascript交互。出于调试目的,能够在UIWebView中运行的javascript中与应用程序输出的其余部分一起“捕获”console.log会很好。这可能吗?使用常规Objective-C代码的示例也没问题。

2 个答案:

答案 0 :(得分:3)

经过一番谷歌搜索,我得到了这个答案:Javascript console.log() in an iOS UIWebView

将其转换为MonoTouch会产生这种解决方案:

using System;
using System.Web;
using System.Json;
using MonoTouch.UIKit;

namespace View
{
    public class JsBridgeWebView : UIWebView
    {

        public object BridgeDelegate {get;set;}

        private const string BRIDGE_JS = @"
            function invokeNative(functionName, args) {
                var iframe = document.createElement('IFRAME');
                iframe.setAttribute('src', 'jsbridge://' + functionName + '#' + JSON.stringify(args));
                document.documentElement.appendChild(iframe);
                iframe.parentNode.removeChild(iframe);
                iframe = null;  
            }

            var console = {
                log: function(msg) {
                    invokeNative('Log', [msg]);
                }
            };  
        ";

        public JsBridgeWebView ()
        {
            ShouldStartLoad += LoadHandler;
            LoadFinished += (sender, e) => {
                EvaluateJavascript(BRIDGE_JS);
            };
        }

        public bool LoadHandler (UIWebView webView, MonoTouch.Foundation.NSUrlRequest request, UIWebViewNavigationType navigationType)
        {
            var url = request.Url;
            if(url.Scheme.Equals("jsbridge")) {
                var func = url.Host;
                if(func.Equals("Log")) {
                    // console.log
                    var args = JsonObject.Parse(HttpUtility.UrlDecode(url.Fragment));
                    var msg = (string)args[0];
                    Console.WriteLine(msg);
                    return false;
                }
                return true;
            }
        }   
    }
}

现在,console.log中javascript中的所有UIWebView语句都会发送到Console.WriteLine。这当然可以扩展到人们想要的任何类型的输出。

答案 1 :(得分:1)

你可以添加类似这样的javascript代码来覆盖方法:

console.log = function(var text) {
    consoleforios += text;
}

然后从网络视图中,致电:

string console = webView.EvaluatingJavaScript("return consoleforios;");

这可能不是我永久留下的东西,但它应该有效。