Как добавить код скрипта в мой HTML в режиме реального времени на браузере, откройте его - PullRequest
0 голосов
/ 28 января 2019

Я хочу добавить функцию кода скрипта на мою html-страницу, я пытался использовать $ (element) .append ('мой скрипт'), но этот метод добавил как текст, а не как код.

Как я могу это сделать?

Я выполнил этот код в консоли своей страницы:

document.querySelector("body").append('<script> function validarValorElemento(e){   var xpathWay = "xpath=//"+e.target.tagName+"[@class=\'" + e.target.className+"\']"    var elementValue = e.target.textContent  alert(xpathWay) alert(elementValue)}</script>');

Это результат.

Ответы [ 2 ]

0 голосов
/ 28 января 2019

ЕСЛИ Я правильно понимаю ваш вопрос - то есть, если вы хотите внедрить код в существующую веб-страницу, где у вас нет доступа к исходному коду - тогда:

Самый простой способ сделать это с помощью расширения для браузера, которое называется TamperMonkey - оно позволяет вставлять JavaScript в любую веб-страницу на основе URL.

Сценарии TamperMonkeyустанавливаются (или пишутся) в браузере каждого пользователя по отдельности и влияют только на веб-страницу на этом компьютере.Итак, если ваш друг также хочет увидеть тот же эффект, ему также нужно установить расширение TamperMonkey и добавить свой скрипт - вот почему сейчас миллионы пользователей TamperMonkey по всему миру.Огромный удивительный продукт - большое спасибо Jan Biniok .

В хранилище скриптов GreasyFork также есть тонны ранее существующих скриптов.

TamperMonkey происходит от предыдущего расширения под названием GreaseMonkey, поэтому везде, где вы видите варианты этого имени, оно, вероятно, также относится к TamperMonkey.Документация для TamperMonkey находится здесь:

https://tampermonkey.net/documentation.php

0 голосов
/ 28 января 2019

Почему бы вам просто не добавить его непосредственно в HTML?

Однако вы можете вставить любой тег с контентом в ваш HTML с помощью JavaScript, например, так:

var htmlToInsert = '<div class="inserted">I am added dynamically</div>';

var target = document.querySelector('#container');
target.innerHTML += htmlToInsert;
#container {
 padding: 10px;
 background: #000;
 color: #fff;
}

.inserted {
  margin: 20px 0;
  width: 200px;
  height: 200px;
  background: #c00;
}
<div id="container">I've been here all the time</div>
...