Javascript console.log () в iOS UIWebView

Question

При написании приложения для iPhone / iPad с помощью UIWebView консоль не отображается. этот превосходный ответ показывает, как перехватывать ошибки, но я бы также хотел использовать console.log ().

Answer 1

После консультации с уважаемым коллегой сегодня он предупредил меня о Safari Developer Toolkit и о том, как его можно подключить к UIWebViews в iOS Simulator для вывода на консоль (и отладки!).

Шаги:

1. Открыть настройки Safari -> вкладка «Дополнительно» -> включить флажок «Показать меню разработки в строке меню»
2. Запустите приложение с UIWebView в iOS Simulator
3. Safari -> Разработка -> Симулятор i (Pad / Pod) -> [the name of your UIWebView file]

Теперь вы можете добавлять сложные (в моем случае flot ) Javascript и другие материалы в UIWebViews и отлаживать их по желанию.

РЕДАКТИРОВАТЬ: Как отметил @Joshua J McKinnon, эта стратегия также работает при отладке UIWebViews на устройстве. Просто включите Веб-инспектор в настройках вашего устройства: Настройки-> Safari-> Дополнительно-> Веб-инспектор (ура @Jeremy Wiebe)

ОБНОВЛЕНИЕ: WKWebView также поддерживается

Answer 2

У меня есть решение для входа, используя javascript, в консоль отладки приложений.Это немного грубо, но это работает.

Сначала мы определяем функцию console.log () в javascript, которая открывает и немедленно удаляет iframe с помощью ios-log: url.

// 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;

Теперь нам нужно перехватить этот URL в UIWebViewDelegate в приложении iOS с помощью функции shouldStartLoadWithRequest.

- (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: (Это немного хакерство, чтобы получить контекст)

1. Вы создаете UIWebView.

2. Получить внутренний контекст и переопределить 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 bridge.Что-то простое, как следующее

 #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()