Редактировать блоки JavaScript веб-страницы ... в прямом эфире

Question

Я знаю, что вы можете использовать Firebug в представлении DOM для редактирования переменных JavaScript, НО ... есть ли способ, которым я могу (как-нибудь еще) редактировать живой JavaScript, который встроен в страницу HTML?

Как этот вид на странице .html:

<script type="text/javascript>
// code here
</script>

Спасибо.

Answer 1

букмарклеты

Из записи Википедии

Букмарклет - это апплет, небольшое компьютерное приложение, которое хранится в виде URL-адреса закладки в веб-браузере или в виде гиперссылки на веб-странице. Термин является портом терминов закладка и апплет. Независимо от того, хранятся ли утилиты букмарклетов в виде закладок или гиперссылок, они предназначены для добавления функциональности одним щелчком в браузер или веб-страницу. При нажатии букмарклет выполняет некоторую функцию, одну из самых разнообразных, например, поисковый запрос или извлечение данных. Обычно апплет представляет собой программу JavaScript.

И в качестве связанной заметки _{не пытается спамить или что-то еще} Я создал генератор букмарклетов , чтобы помочь мне легче создавать букмарклеты.

Answer 2

Вы можете использовать Opera 12. Opera 12 позволяет редактировать встроенные файлы JS и JS.После мягкой перезагрузки страницы ваши изменения будут применены.Щелкните правой кнопкой мыши> Источник> Внести изменения> Применить изменения.

Answer 3

Firebug имеет консоль (первая вкладка окна firebug), где вы можете написать код JS и выполнить его на текущей странице. Предположим, что на веб-странице определена функция с именем myFunc, и вы хотите ее переопределить: выполнение следующего в консоли поможет.

myFunc = function(/* function arguments here */) {
  /* new function body here */
}; /* notice the ; */

и для просмотра текущей версии функции вы можете выполнить

uneval(myFunc);

это распечатает текущий myFunc

Примечание: я думаю, что по умолчанию консоль поставляется с однострочным полем ввода, но где-то в опциях вы можете переключиться на многострочное поле ввода. В многострочном режиме переходит на новую строку, + выполняет код.

Answer 4

Плагин

Firefox ' Greasemonkey пока не упоминался.Таким образом, вы можете хранить, повторно использовать и делиться своими сценариями.Я не уверен на 100%, что вы можете запустить свой код в той же области, что и код страницы OOTB.Впрочем, вставка произвольных тегов скрипта все еще возможна.

Answer 5

Вы можете редактировать встроенные теги сценария с представлением Firebug в формате HTML. Просто выберите тег скрипта, а затем нажмите кнопку «Редактировать». После редактирования нажмите кнопку «Изменить» еще раз, чтобы применить изменения.

Answer 6

Если вы зайдете в Инструменты / Инструменты разработчика в Chrome, вы найдете пространство, где вы можете изменить весь код с html на javascript и CSS, прямо в вашем браузере.Очевидно, что это не приводит к реальным изменениям на странице, просто так, как вы ее видите, так как она может быть отредактирована для администратора сайта

Answer 7

Chrome также имеет окно консоли, которое можно активировать после проверки элемента (или страницы).Оттуда вы можете написать простой JavaScript.У него даже есть довольно приличный отладчик.

Answer 8

Сам Firebug имеет не зависящую от плагина "облегченную" версию.Если вы изучите исходный код этого, вы можете узнать, как реализовать большое подмножество функциональности Firebug.

http://getfirebug.com/firebuglite

Answer 9

Ну, вы не сможете редактировать код JavaScript, который был загружен в ваш браузер, кроме как с помощью того же браузера. По сути, это означает, что через плагин я не знаю ни о каких других плагинах, кроме FireBug, которые позволили бы вам сделать это.

Есть ли конкретная причина, по которой вы не можете / не будете использовать FireBug?

Answer 10

Красноречивый javascript имеет окно типа консоли внизу (нажмите маленькую стрелку в правом нижнем углу) Это может быть то, что вы ищете. Точный термин, который вы подразумеваете, - это REPL, цикл Read-Evaluate-Print.