Можно прописать в html, чтобы консоль была открыта по умолчанию

Question

То есть при открытии сайта, косоль уже была бы видна

Answer 1

Самый реалистичный способ если нужно следить за console.log - написать свой обработчик и добавить какую-нибудь верстку на страницу в виде консоли. На stackoverflow в сниппетах такая же реализация.

Вы не можете управлять браузером из html или js, если только это не selenium или какое-то подобное средство - но это к вопросу мало отношения имеет

Ниже я привел упрощенный пример реализации (время в миллисекундах будет не совпадать, просто демонстрация)

Важная деталь, до того как выполнится строка console.log = oldConsoleLog можно вводить данные через консоль браузера, для этого достаточно прописать там вызов console.log c нужными аргументами.

const cons = document.getElementById('console');
const oldConsoleLog = console.log // сохраняем оригинальную функцию

const getTimeString = () => {
 const date = new Date()
 return '|'  + (date.getHours()) + 
   ':' + date.getMinutes() + ':' +  date.getSeconds() +
   '.' +  `${date.getMilliseconds()}`.padStart(3, 0);
}

// обертка над стандартной консолью
console.log =  function(...args){
  cons.innerHTML += args.map(e => JSON.stringify(e, null, 2)) .join(' ') 
    + getTimeString().padStart(20, ' ') + '\n'
  oldConsoleLog(...args) // вывод в браузерную консоль
} 

console.log(1,2,3) // вывод в обе консоли
console.log([1]) // вывод массива в обе консоли
console.log = oldConsoleLog // возвращаем все как было
console.log(456) // вывод только в браузерную консоль

pre {
  background-color: #e9e9e9;
  padding: 5px;    
}

<pre id="console"></pre>

БЛОГ НА HUSL

Можно прописать в html, чтобы консоль была открыта по умолчанию

Ответы (1 шт):