2015-09-22 3 views
-6

Так в основном, как для разработчиков консоли - где вы можете увидеть выходы на консоль через console.log и т.д ....консоли Javascript в HTML

Я хочу, чтобы реализовать что-то вроде этого, так что я могу видеть это на фактическую страницу html вместо того, чтобы открывать консоль разработчика.

Есть ли способ сделать это? Спасибо!

+0

Конечно есть, но это очень много работы. Причина в том, что эти инструменты являются * native *. Удачи! –

+0

это слишком широк;) ТАК БОЛЬШЕ НЕСОВЕРШЕННОСТЯТЬ НА СПЕЦИАЛЬНЫЕ ВОПРОСЫ. Q & A style! –

+0

@NiettheDarkAbsol: На самом деле для REPL все, что вам нужно, это 'eval()'. Быть родным не помогает. – SLaks

ответ

0

Вы можете использовать реализацию this SO answer, как это: (. Примечание - это код из этого ответа только часть former(msg) дал мне ошибку, поэтому я оставил эту часть)

console.log = function(msg){ 
    $("#mylog").append("<div>" + msg + "</div>"); 
} 

window.onerror = function(message, url, linenumber) { 
    console.log("JavaScript error: " + message + " on line " + 
       linenumber + " for " + url); 
} 
console.log("test"); 
console.log("test"); 
va 

а также HTML

<div id="mylog"></div> 

Working JSFiddle

+0

Я использую 'console.dir' все время. Как бы вы это реализовали? Потому что сейчас он просто бросает, и это не помогает. На самом деле, что напоминает мне, может ли ваша консоль показывать сообщения об ошибках? –

+0

@NiettheDarkAbsol Я не уверен. (это в основном из моей лиги). Но я обновил свой ответ с помощью другого ответа SO, возможно, ответ ответит на ваш вопрос? – Mathlight

+0

Ну, я ненавижу быть неудачником, но если вы отвечаете на вопрос, копируя материал из другого ответа, то это своего рода плагиат, а также знак того, что вы должны голосовать за дублирование. Теперь у вас пока нет вашего разрешения на голосование, но вы, и всякий раз, когда у вас возникнет соблазн скопировать другой ответ в ваш, подумайте о том, чтобы вместо него было проведено двойное голосование. –

Смежные вопросы