Question

使用UIWebView编写iPhone / iPad应用程序时，控制台不可见。 this excellent answer显示了如何捕获错误，但我也想使用console.log（）。

Answer 1

在与一位受人尊敬的同事协商后，他提醒我使用Safari Developer Toolkit，以及如何将其连接到iOS模拟器中的UIWebViews以进行控制台输出（以及调试！）。

步骤：

打开Safari偏好设置 - ＆gt; “高级”标签 - ＆gt;启用复选框“在菜单栏中显示开发菜单”
在iOS模拟器中使用UIWebView启动应用
Safari - ＆gt;开发 - ＆gt; i（Pad / Pod）模拟器 - ＆gt; [the name of your UIWebView file]

您现在可以将复杂的（在我的情况下， flot ）Javascript和其他内容放入UIWebViews并随意调试。

更新：也支持WKWebView

Answer 2

我有一个使用javascript记录到apps调试控制台的解决方案。它有点粗糙，但它确实有效。

首先，我们在javascript中定义console.log（）函数，该函数打开并立即删除带有ios-log：url的iframe。

// Debug
console = new Object();
console.log = function(log) {
  var iframe = document.createElement("IFRAME");
  iframe.setAttribute("src", "ios-log:#iOS#" + log);
  document.documentElement.appendChild(iframe);
  iframe.parentNode.removeChild(iframe);
  iframe = null;    
};
console.debug = console.log;
console.info = console.log;
console.warn = console.log;
console.error = console.log;

现在我们必须使用shouldStartLoadWithRequest函数在iOS应用程序的UIWebViewDelegate中捕获此URL。

- (BOOL)webView:(UIWebView *)webView2 
shouldStartLoadWithRequest:(NSURLRequest *)request 
 navigationType:(UIWebViewNavigationType)navigationType {

    NSString *requestString = [[[request URL] absoluteString] stringByReplacingPercentEscapesUsingEncoding: NSUTF8StringEncoding];
    //NSLog(requestString);

    if ([requestString hasPrefix:@"ios-log:"]) {
        NSString* logString = [[requestString componentsSeparatedByString:@":#iOS#"] objectAtIndex:1];
                               NSLog(@"UIWebView console: %@", logString);
        return NO;
    }

    return YES;
}

Answer 3

以下是Swift解决方案： （获取上下文有点黑客）

您可以创建UIWebView。

获取内部上下文并覆盖 console.log（） javascript函数。

self.webView = UIWebView()
self.webView.delegate = self

let context = self.webView.valueForKeyPath("documentView.webView.mainFrame.javaScriptContext") as! JSContext

let logFunction : @convention(block) (String) -> Void =
{
    (msg: String) in

    NSLog("Console: %@", msg)
}
context.objectForKeyedSubscript("console").setObject(unsafeBitCast(logFunction, AnyObject.self), 
                                                     forKeyedSubscript: "log")

Answer 4

从iOS7开始，您可以使用本机Javascript桥。像下面这样简单的事情

 #import <JavaScriptCore/JavaScriptCore.h>

JSContext *ctx = [webview valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
ctx[@"console"][@"log"] = ^(JSValue * msg) {
NSLog(@"JavaScript %@ log message: %@", [JSContext currentContext], msg);
    };

Answer 5

NativeBridge对于从UIWebView到Objective-C的通信非常有用。您可以使用它来传递控制台日志并调用Objective-C函数。

https://github.com/ochameau/NativeBridge

console = new Object();
console.log = function(log) {
    NativeBridge.call("logToConsole", [log]);
};
console.debug = console.log;
console.info = console.log;
console.warn = console.log;
console.error = console.log;

window.onerror = function(error, url, line) {
    console.log('ERROR: '+error+' URL:'+url+' L:'+line);
};

这种技术的优点是保留了日志消息中的换行符等内容。

Answer 6

尝试了莱斯利戈德温的修复，但收到了这个错误：

'objectForKeyedSubscript' is unavailable: use subscripting

对于Swift 2.2，这对我有用：

您需要导入JavaScriptCore才能编译此代码：

import JavaScriptCore

if let context = webView.valueForKeyPath("documentView.webView.mainFrame.javaScriptContext") {
    context.evaluateScript("var console = { log: function(message) { _consoleLog(message) } }")
    let consoleLog: @convention(block) String -> Void = { message in
        print("javascript_log: " + message)
    }
    context.setObject(unsafeBitCast(consoleLog, AnyObject.self), forKeyedSubscript: "_consoleLog")
}

然后在您的javascript代码中，调用console.log（“_ your_log_”）将在Xcode控制台中打印。

更好的是，将此代码添加为UIWebView的扩展：

import JavaScriptCore

extension UIWebView {
    public func hijackConsoleLog() {
        if let context = valueForKeyPath("documentView.webView.mainFrame.javaScriptContext") {
            context.evaluateScript("var console = { log: function(message) { _consoleLog(message) } }")
            let consoleLog: @convention(block) String -> Void = { message in
                print("javascript_log: " + message)
            }
            context.setObject(unsafeBitCast(consoleLog, AnyObject.self), forKeyedSubscript: "_consoleLog")
        }
    }
}

然后在UIWebView初始化步骤中调用此方法：

let webView = UIWebView(frame: CGRectZero)
webView.hijackConsoleLog()

Answer 7

快速5

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
      webView.evaluateJavaScript("your javascript string") { (value, error) in
          if let errorMessage = (error! as NSError).userInfo["WKJavaScriptExceptionMessage"] as? String {
                print(errorMessage)
          }
      }
 }

iOS UIWebView中的Javascript console.log（）

7 个答案: