JavaScript (сокращённо JS) – это язык программирования , который изначально был придуман для браузера, чтобы придать страницам интерактивность и динамичность .
Программы написанные на JavaScript называются сценариями или скриптами . Добавление их на страницу выполняется через тег . При этом их можно как непосредственно вставлять на веб-страницу, так и размещать в отдельном файле. Каждый браузер имеет интерпретатор JavaScript, с помощью которого он выполняет этот код.
Потребность в создании языка программирования для веб-браузера возникла в 90-е годы. В это время на веб-страницах хотелось делать уже намного больше, чем просто выводить статичный контент.
Как выполнить код javascript в браузере?
Подскажите способ запуска кода javascript в браузере на какой-либо загруженной странице? Пробовали искать в поиске, но всё время выдаются результаты двух видов: или как включить javascript в браузере, или как встроить код javascript в html-страницу с помощью тегов .
Уроки Javascript Как запустить ваш код
Мне же нужно другое. Допустим, загружена какая-то страница в окне браузера, и мне нужно выполнить какие-то манипуляции с текущими DOM-элементами. Ну, например, составить список адресов страниц всех друзей в соцсети (когда их тысячи) или по очереди выйти из всех групп, короче подобные задачи. Хотелось бы найти какое-то расширение для какого-н. популярного браузера, чтобы работало примерно так: загрузил в окно нужную страницу, потом открыл окошко расширения, скопировал туда код, запустил, и этот код отработал бы, используя DOM-элементы загруженной в браузер страницы.
Вроде как-то в консоли браузера код js можно выполнять. Как это сделать? При таком выполнении можно работать с DOM загруженной страницы? Куда код вставлять (какие кнопочки нажимать)?
Сейчас эту проблему решаю с помощью 8-й версии imacros-а, но браузеры, которые её поддерживают, уже очень старые, скоро совсем перестанут работать с современными соцсетями. А новые полноценные версии imacros-а платные.
Существуют ли бесплатные расширения для описанного способа запуска javascript кода на странице? Чтобы куда-то скопировать свою javascript-программу, и она работала бы с элементами присутствующей в окне страницы? Или, может, это можно как-то сделать штатными средствами браузера?
- Вопрос задан более двух лет назад
- 17424 просмотра
Источник: qna.habr.com
2. Использование Web-браузера Google Chrome для написания и запуска кода на языке JavaScript
В этой статье я расскажу как пользоваться стандартными инструментами разработчика, которые есть Web-браузере Google Chrome для написания, тестирования, отладки и запуска кода написанного на языке javaScript.
В первую очередь если у вас не установлен браузер Google Chrome, то установите его и сделайте его браузером по умолчанию.
Для этого в поисковой строке вашего браузера введите
Как запустить JavaScript + HTML код в Vs Code
и зайдите на официальный сайт Google
скачайте и установите себе этот браузер. После скачивания запустите браузер и зайдите в инструменты разработчика. В первую очередь в этих инструментах нас интересует консоль разработчика. Для ее запуска нажмите
вкладку View — Developer — JavaScript Console
после этого откроется консоль, выглядит она вот так
здесь мы можем писать и встроенный в браузер интерпретатор JavaScript выполнит наш js код, например
на вход интерпретатора я подаю выражение 3 + 2, а на выходе получаю результат операции сложения 5.
Давайте теперь в консоль введем любую строку, например ваше имя
в первом случае я ввел строку в кавычках поэтому получил результат без ошибки, во втором случае имя без кавычек поэтому интерпретатор вывел нам ошибку, говорящее о том что данное значение не определенно. Введя такую строку в консоль я по сути дал команду передать мне значение переменной с именем Dmitry, но так как такая переменная ранее не была объявлена (определена) поэтому мы и видим здесь такую ошибку.
Из вышесказанного вам необходимо запомнить, что строки в языке js задаются либо в одинарных либо в парных кавычках. Использовать можно и те и другие, на ваш выбор.
Желательно, чтобы во всем документе кавычки были использованы однотипные, т.е. вначале выбрали одинарные значит до конца документа используем их или наоборот.
В дальнейшем мы продолжим работу с консолью разработчика и будем ее использовать практически во всех уроках.
Источник: dzen.ru