Блог

Я хочу создать кнопку в HTML, которая будет эквивалентна вводу определенной команды в консоль Chrome. Как бы вы это сделали?

Прежде чем читать это, знайте, что: использование таких методов и, в частности, ВООБЩЕ eval() НЕ рекомендуется из-за огромного количества серьезных проблем, включая серьезные дыры в безопасности и проблемы с производительностью (пожалуйста, прочитайте все, что не так с eval и eval docs). поэтому, пожалуйста, рассмотрите другие методы или поделитесь более подробной информацией, чтобы мы могли предложить лучшие решения.

В вашем случае большинство кодов должны быть исполняемыми, как показано в примере ниже, и вывод будет показан в консоли. ( document.querySelector('botton') можно заменить желаемым кодом)

 function exec(code){
   console.log(Function(`return (${code})`)())
} 

 <button onclick="exec(`document.querySelector('button')`)">Test</button> 

Насколько я знаю, приведенный выше код чрезвычайно уязвим