Как делать пошаговые действия?

Question

[NO1nam]

Как делать пошаговые действия переход по ссылки потом вод текста дальше нажатие на кнопки и в конец опять переход по ссылки

document.location.href = "http://site.ru/1"; 
document.getElementsByName("pw")[0].value = "test";
document.getElementsByClassName("ur")[0].click();
document.location.href = "http://site.ru/2";

Comments

[Сергей Соколов]

Это в браузерном расширении или Puppeteer?

[NO1nam]

Сергей Соколов, в браузер

[Сергей Соколов]

NO1nam, Same Origin Policy позволяет это? Скрипт с того же сайта, в котором заполнять и кликать?

[NO1nam]

Сергей Соколов, да все происходит на один и тот же сайт

Answer 1

[Сергей Соколов]

Поскольку всё в рамках одного домена/сайта, ограничения Same Origin Policy не помешают.

Каждая открываемая страница – это новое свежее выполнение скрипта. Поэтому между переходами надо как-то сохранять «состояние» — например, в куках или LocalStorage. В некоторых настройках ни одно из этих хранилищ может оказаться недоступным – например, в зашоренном Tor-браузере.

С использованием LocalStorage можно примерно так:

const KEY_STATUS = 'status'; // ключ сохраняемого параметра
const step = +localStorage.getItem(KEY_STATUS);

/* 
  Шаги:
  0 - переход на /1
  1 - заполнение и клик (видимо, в переходом на новую страницу?)
  2 - переход на /2
*/
if (0 === step) {

  document.location.href = "http://site.ru/1";

} else if (1 === step) {

  document.getElementsByName("pw")[0].value = "test";
  document.getElementsByClassName("ur")[0].click();

} else if (2 === step) {
  
  document.location.href = "http://site.ru/2";

}

localStorage.setItem(KEY_STATUS, 1 + step);

Comments

[NO1nam]

Почему-то не делает переходы по ссылке

[Сергей Соколов]

NO1nam, навтыкайте console.log(step) и вообще посмотрите, что происходит в консоли – может, localStorage недосутпен или ещё что..

[NO1nam]

Сергей Соколов, в ответ получил 111111111111

[Сергей Соколов]

NO1nam, localStorage сохраняет/возвращает только строки (String).
Чуть обновил код. Знак плюса переводит в число возвращаемое из LS значение.

[NO1nam]

Сергей Соколов, все так же не работает

[Сергей Соколов]

NO1nam, я не предложу вам готовый рабочий проверенный код. Но постараюсь помочь с конкретными вопросами.
Что именно не работает: что записано сейчас в localStorage? – это можно посмотреть в панели Инструментов разработчика вашего браузера (желательно Chrome или Firefox)
Что выводится в консоль? После первых неудачных экспериментов, вероятно, в LS сейчас записано число 11111112 — надо его удалить. И кстати подумать, как и когда скриптом удалять из LS запомненное значение после успешного прохождения всех шагов.

[NO1nam]

А как делать так что бы при переходе не стиралось код то есть выполнил все действия до конца а не что бы вставил опять скрипт в консоли

Answer 2

[Надим]

Самый простой вариант, использовать запуск действий по таймеру, гуглите setTimeout()
также загуглите как работают условия if else с помощью них можно проверять текущий адрес и в зависимости от адреса выполнять нужные действия.

Answer 3

[Karpion]

Проще всего - по нажатию кнопок/ссылок показывать и скрывать поля ввода, с которыми юзер должен работать на данном этапе..