Ответ 1
Вам просто нужно выполнить асинхронный вызов/отложить вызов console.log
, например
setTimeout(console.log.bind(console, '%cFoo', 'color: #FF00FF;'), 0);
Я изучал материал, как и вы, и наткнулся на эту интересную вещь на facebook.
Я понимаю, что он полностью справляется с чем-то похожим на это:
var cssRule =
"color: rgb(249, 162, 34);" +
"font-size: 60px;" +
"font-weight: bold;" +
"text-shadow: 1px 1px 5px rgb(249, 162, 34);" +
"filter: dropshadow(color=rgb(249, 162, 34), offx=1, offy=1);";
console.log("%cHello World", cssRule);
Мой главный вопрос: Как они останавливают показ файла file.js: line_numer, который вы всегда получаете с правой стороны в консоли?
С приведенным выше кодом вы увидите следующее:
View Full Image
Вы заметили красный круг? Но в примере с facebooks они не отображают эту информацию. Я просмотрел API Web.Console на Mozilla (Ссылка), так кто-нибудь, возможно, знает, как исключить этот конкретный фрагмент информации?
Вам просто нужно выполнить асинхронный вызов/отложить вызов console.log
, например
setTimeout(console.log.bind(console, '%cFoo', 'color: #FF00FF;'), 0);