Как отправить лог консоли браузера посетителя разработчику?

Question

[Глюкъ Виртуален]

Имеется веб-приложение на JS со всеми причитающимися причиндалами: AppCache, WebSQL и все такое. Не самое сложное, строк этак на пару-тройку тысяч.

Юзер жалуется, что у него что-то не работает. Причины этого могут встретиться в любом месте кода и это место либо выбросит исключение, либо выдаст ошибку в консоль.

Как бы сделать так, чтобы лог консоли за последние Х минут отправлялся разработчикам, когда юзер нажмет на специальную кнопку?
Или еще лучше: отправлялось только то, что разработчики укажут заранее: потенциально проблемные места, непойманные ошибки итд?

Интересуют только mobile Safari и mobile Chrome, другие браузеры не нужны.

Answer 1

[Сергей Горностаев]

Не знаю как отправить лог по нажатию кнопки, да и если ошибка критическая, то вполне вероятно, что js на странице уже не работает и никакие нажатия на кнопку обработаны не будут. Я перехватывю и логирую на бэкенде все ошибки фронтенда. Раньше всех скриптов подключить на странице это https://github.com/darcyclarke/Detect.js и это

window.onerror = function(err, url, line, col, msg) {
    var data = {
        'Error': err,
        'URL': url,
        'Line': line,
        'Column': null,
        'Message': null,
        'Browser': null,
        'OS': null,
        'Device': null
    };

    // HTML5 only
    data['Column'] = !col ? '' : col;
    data['Message'] = !msg ? '' : msg;

    try {
        var ua = detect.parse(navigator.userAgent); 
        data['Browser'] = !ua.browser.name ? '' : ua.browser.name;
        data['OS'] = !ua.os.name ? '' : ua.os.name;
        data['Device'] = !ua.device.name ? '' : ua.device.name;
    }
    catch(e) {}

    console.groupCollapsed('Error: ' + data['Error']);
    console.log('URL: ' + data['URL']);
    console.log('Line: ' + data['Line']);
    if(data['Column'])
        console.log('Column: ' + data['Column']);
    if(data['Message'])
        console.log('Message: ' + data['Message']);
    console.groupEnd();

    try {
        $.post('/frontend/error/', data);
    }
    catch(e) {}

    return true; //suppressErrorAlert
};

а на сервере настроить обработчик, сохраняющий полученные ошибки в файл.

Comments

[Глюкъ Виртуален]

Это решает другую задачу, но все равно спасибо.

Answer 2

[Дмитрий]

stackoverflow.com/questions/11849562/how-to-save-t...

Comments

[Глюкъ Виртуален]

Либо я не понял юмора, либо для мобильных браузеров этот способ не подходит.

Answer 3

[evnuh]

В вашем случае можно только переопределить объект console и помимо вывода на консоль записывать строки ещё в массив, а при нажатии кнопки этот массив отправлять на сервер.