javascript - 在 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. 这当然可以扩展到人们想要的任何类型的输出。

Answer 2

您能否添加执行类似操作的 javascript 代码来覆盖该方法：

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

然后从 web 视图中调用：

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

这可能不是我要永久保留的东西，但它应该可以工作。