在UIWebView中捕获console.log

Question

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

Answer 1

经过更多谷歌搜索后，我得到了这个答案：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.loga 中 javascript 中的所有语句都UIWebView将发送到Console.WriteLine. 这当然可以扩展到人们想要的任何类型的输出。