@treni_chev

Как сделать консоль прямо в браузере?

Как сделать консоль прямо в браузере, подобную ниже? 60f5708a44b2b536491930.png
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 1
@acwartz
angular, hello world java, chrome ext/, delphi
Создаешь div, пишешь свой объект console и потом замешаешь стандартный на странице с доп. вызовами оригинального.
function patchConsole() {
  window.oldConsole = window.console;
  var myConsole = {
     log: function(data) {
       $('div.myconsole').append(`<p>${data}</p>`);
       oldConsole.log(data);
     },
     warn: function(... ) {...},
  }
  window.console = myConsole;
}


Вот так с получением номера строки:
function patchConsole() {
  window.oldConsole = window.console;
  var myConsole = {
     getStack: function() {
        try {
          throw Error('CustomError');
       } catch(e) {
         return e.stack;
       }
     },
     log: function(data) {
       let stack = this.getStack();
       let s = `<p>${data} at ${stack.split(' at ')[3]}</p>`;  //0 - info stack start, 1 - getStack, 2 - this function, 3 - calle function
       $('div.myconsole').append(s);
       oldConsole.log(s);
     }
  }
  window.console = myConsole;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы