return window._setTimeout(code,delay);

Тут перехват запущенного setTimeout

window._setTimeout=window.setTimeout;
window.setTimeout=function(code,delay){
     return window._setTimeout(code,delay);
};

Спасибо

У меня вот какой вопрос: "Допустим ваш скрипт выполняет алгоритм, согласно вашему плану. Вы обработали спорные моменты, которые обнаружили в процессе. И тут внезапно появляется новая ситуация. Что-то, чего заранее знать нельзя. Например на сайте изменились названия элементов или появилось какой-то новое окошко. Т.е. ошибки как таковой в js нет, но возвращаемые данные уже другие. Какие есть способы разрешения таких ситуаций?"

У меня появилось новое окошко, я обработал конкретно "это" окошко. Но если отдельно обрабатывать каждую переменную или "возможную ситуацию" - это же слишком громоздко и как-то не правильно? Может есть какой-то способ, который объяснит скрипту что нужно делать, если мы отклонились от нашего плана.

Буду рад какой-нибудь теории, если она есть.

document.querySelector("#ir-8a5cu").value = "+7 505 555-55-55";

А тут оно вписывает значение, но только визуально, т.е. как бы и не вписывает на самом деле. После активации поля input, всё пропадает.

Подскажите что не так?

function AUTOCOMPLETE() {
	let date = new Date(document.getElementById('DATE1').value);
	let month = date.getMonth()+1;
	let year = date.getFullYear();
	let sdate = document.getElementById('DATE2');
	let tdate = document.getElementById('DATE3');
	if (month<10) {
		sdate.value = 'year-0month-01'.replace('year', year-1).replace('month', month);
	} else {sdate.value = 'year-month-01'.replace('year', year-1).replace('month', month);}
	if (month<11) {
		tdate.value = 'year-0month-31'.replace('year', year).replace('month', month-1);
	} else {tdate.value = 'year-month-31'.replace('year', year).replace('month', month-1);}
	if (month==1) {
		month = 12;
		tdate.value = 'year-month-31'.replace('year', year-1).replace('month', month);
	}
}

Вот такая функция. Происходит нечто странное:
Если в DATE1 вводить месяцы: 03, 05, 07, 10, 12, то DATE3 капризничает и выдаёт ошибку. Например:

The specified value "2021-06-31" does not conform to the required format, "yyyy-MM-dd".

Скажите, пожалуйста, как исправить?

• отправил "запрос 1" в строку поиска

• нажал на кнопку поиска

• идет поиск на странице по названию канала

• клик по картинке видоса

• если не нашел канал - скролл (до победного)

• далее уже идет запрос 2 и всё пошло по кругу

Красиво всё расписано, но работает через жопу
Отдельно всё протестировано - и вводит запрос, и ищет и скроллит (если нужно).
Как только пытаюсь соединить всё в 1 скрипт - начинаются проблемы.
В данном ниже примере, проблема в том, что после ввода "запрос1" скрипт ступорится и ничего не делает.
Также иногда он начинает скроллить - даже не введя запрос, и на этом также - финиш.
Прошу помощи...

let zaprosi = ["Запрос1", "Запрос2", "Запрос3"]


const delay = (t) =>new Promise (res => setTimeout (res, t));

const findAndClick = async (channelName, td) => {
	while (true) {
		const blocks = Array.from(document.querySelectorAll('div#channel-info'));
 
		let elem = blocks.find((item) => item.innerText.trim().toLowerCase() == channelName.toLowerCase())
 
		if (elem) {
			elem.parentNode.parentNode.querySelector('a#thumbnail').click();
			return;
		} else {
			window.scrollBy(0, 5500);
			await delay (td);
		}
	}
}
 
;(async function () {
	for (const zap of zaprosi) {
		document.querySelector('input#search').value = zap;
		document.querySelector('button#search-icon-legacy').click();
		await findAndClick('Название канала', 3000)
	}
})()

Оригинальные (не изнасилованные мною) части кода:
Ввод запроса и клик:

document.querySelector('input#search').value ='ЗАПРОСЫ ИЗ МАССИВА ПО ОЧЕРЕДИ';
document.querySelector('button#search-icon-legacy').click();

Поиск канала и клик по нужному видосу вариант 1:

const findAndClick = (channelName, delay) => {
  const blocks = Array.from(document.querySelectorAll('div#channel-info'));

  let elem = blocks.find((item) => item.innerText.trim().toLowerCase() == channelName.toLowerCase())

  if (elem) {
    elem.parentNode.parentNode.querySelector('a#thumbnail').click();
  } else {
    window.scrollBy(0, 5500)

    setTimeout(() => {
      findAndClick(channelName, delay)
    }, delay)
  }
}

findAndClick('НАЗВАНИЕ КАНАЛА', 3000)

Поиск канала и клик по нужному видосу вариант 2:

((channelName) => {
   function searchCannel(channelName) {
      const coll = document.querySelectorAll('div#channel-info');
      let elem = '';
      for (let item of coll) {
         if ( item.innerText == channelName && (elem = item) )
            break;
      };
      return elem;
   }
   let channel = '', allElemsCount = 0, counter = 0;
   let timerId = setInterval(() => {
      if ( (channel = searchCannel(channelName)) || counter == 5 ) {
         clearInterval(timerId);
         if (channel)
            channel.parentNode.parentNode.querySelector('a#thumbnail').click();
         else
            alert('Not found!');
      }
      else {
         let newAllElemsCount = document.querySelectorAll('a#thumbnail').length;
         if (!(newAllElemsCount > allElemsCount))
            counter++;
         else {
            allElemsCount = newAllElemsCount;
            window.scrollTo(0, document.querySelector('ytd-app').scrollHeight);
         }
      }
   }, 2000);
})('НАЗВАНИЕ КАНАЛА');
)

Ну, массив с запросами, понятно:

let zaprosi = ["Запрос1", "Запрос2", "Запрос3"]

(
(() => {
   const coll = document.querySelectorAll('div#channel-info');
   let elem;
   for (let item of coll) {
      if ( item.innerText == 'StopGame.Ru' && (elem = item) )
         break;
   };
   if (elem)
      elem.parentNode.parentNode.querySelector('a#thumbnail').click();
   else
      alert('Не найдено!');
})();
)

Его суть: ищет введенное название канала, затем кликает на первый найденный видос с этого канала, со страницы поиска Ютуба.
Проблема вот в чем: часто нужные каналы с видосами находятся снизу, а поиск выдает только первые 20 результатов. Соответственно, нужно скроллить страницу до того момента, пока он не найдет нужное мне совпадение.

Нашел вроде то, что мне нужно:

elem.scrollIntoView(top)

Только как его запихнуть в основной скрипт, тот что выше, пока не понимаю. Прошу помощи...

UPDATE.
Построил ультра костыльный способ для вышеописанного средствами AHK.

page:=Chrome.GetPageByTitle("YouTube")
Loop 100
{
    Send {PgDn}  ; нажать клавишу
    Sleep 200  ; пауза в миллисекундах между нажатиями
}
Send {PgDn} ; отпустить клавишу

По факту он работает, но далеко не всегда так, как нужно.

Так что вопрос со вставкой бесконечного скролла до момента нахождения нужного канала, остается открытым.

Некий сайт при отправке XMLHttpRequest не возвращает responseJSON, а responseText такой вот:

{"World" : "Hello \"Test"}

Как видите, проблема в кавычках. Само собой JSON.parse не работает.

javascript меня удивил

var j = '{"World" : "Hello "Test"}';
var k = '{"World" : "Hello \"Test"}';
console.log((j == k));
--> true

Как победить?

Существует ли способ это реализовать?

Вопрос казалось бы делитантный и по идеи не должен иметь прямого отношения к JavaScript, но при этом я не смог нигде найти информацию об этом, что на русском, что на англ языках.

Обычно в поле с комбобоксом можно вводить данные. Всеми это воспринимается как само собой разумеющееся.
Реализация комбобокса для браузеров (с помощью <SELECT> и <OPTION>) не подразумевает ввод текста вручную.
Ну а если оно надо? - Тогда каждый идет своим путем. Вариантов в инете - предостаточно. Вот и я предлагаю свой.

Маленький код на чистом JS без всяких фреймворков, графических элементов и новомодных изысков HTM5.
По сути к обычному объекту SELECT добавлены несколько дополнительных свойств.

Создается комбобокс командой

new ComboBox(idCell, 'idCB', '150px'); 

idCell - id элемента куда он будет вставляться;
'idCB' - строка, содержащая id будущего комбобокса;
'150px' - строка, содержащая ширину будущего комбобокса (если данный параметр отсутствует, то комбобокс займет 100% ширины родителя);

Помимо привычных свойств и методов, присущих любому элементу SELECT, в наш комбобокс добавлены еще четыре:
setText('mytext') - установка текста в поле ввода (того, что можно ввести вручную);
getText() - получение текста из поля ввода;
addOptions(array) - добавление новых пунктов в комбобокс (Добавляются только если такие пункты отсутствуют);
getOptions() - возвращает массив, содержащий список пунктов комбобокса.

Несколько замечаний:
1. Элемент в который подразумевается вставлять данный комбобокс должен иметь ширину, большую чем ширина комбобокса.
2. Данный комобокс создавался исключительно для IE (точнее - для HTA) и во всех IE6..IE11 смотрится вполне прилично. Попробовал в Chrom и Firefox - код четко работает и там, вот только дизайн - значительно хуже, но полагаю, желающие смогут это поправить.

Теперь, собственно, сам код с наглядным примером его использования:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv=MSThemeCompatible content=yes>
<style type="text/css">
	* {font:10pt verdana;}
	table {border-collapse:collapse;}
	table, td {border:1px solid green;}
	td {padding:4px 6px;}
</style>
<script type="text/javascript">
	// ComboBox с возможностью ручного ввода
	function oComboBox (oContainer, id, width) {
		var oSelect = document.createElement('SELECT');
		oSelect.id = id;
		oSelect.style.width = width || '100%';
		oSelect.style.position = 'absolute';
		var oInput = document.createElement('INPUT');
		oInput.style.position = 'relative';
		oContainer.appendChild(oSelect);
		oContainer.appendChild(oInput);
		oSelect.style.top = oInput.offsetTop + 'px';
		oSelect.style.clip = 'rect(auto auto auto ' + (oSelect.offsetWidth - 20) + 'px)';
		oInput.style.width = oSelect.offsetWidth - 19 + 'px';
		oSelect.onchange = function(){oInput.value=this.options[this.selectedIndex].text; oInput.select();};

		// Установка текста в поле ввода
		oSelect.setText = function(text) {
			oSelect.selectedIndex = -1;
			for (var j=0; j<oSelect.options.length; j++) {
				if (oSelect.options[j].text.toUpperCase() == text.toUpperCase()) oSelect.selectedIndex = j;
			}
			oInput.value = text;
		};

		// Получение текста в поле ввода
		oSelect.getText = function() {return oInput.value;};

		// Добавление новых пунктов в ComboBox (только если такие отсутствуют)
		oSelect.addOptions = function (aOptions) {
			function isOptionExist(text) {
				for (var j=0; j<oSelect.options.length; j++) {
					if (oSelect.options[j].text.toUpperCase() == text.toUpperCase()) return true;
				}
			}
			for (var i=0; i<aOptions.length; i++) {
				if (!isOptionExist(aOptions[i])) {
					var oOption = document.createElement("option");
					oOption.text = aOptions[i];
					oSelect.options.add(oOption);
					oSelect.selectedIndex = oSelect.options.length-1;
					oInput.value = oSelect.options[oSelect.options.length-1].text;
				}
			}
		};

		// Возвращает массив, содержащий список пунктов ComboBox
		oSelect.getOptions = function () {
			var aOptions = [];
			for (var j=0; j<oSelect.options.length; j++) {
				aOptions.push(oSelect.options[j].text);
			}
			return aOptions;
		};

	}

	function Sample() {
		var o = new oComboBox(idCell, 'idCB', '150px');
		idCB.addOptions(['RED', 'GREEN', 'BLUE']);
		idCB.addOptions(['yellow',  'red', 'orange']);
		idCB.setText('Blue');
	}

</script>
<title>Editable ComboBox</title>
</head>
<body onload="Sample();">
<table>
	<tr>
		<td id="idCell" style="width:200px;"></td>
		<td>new methods</td>
		<td>
			<input type="button" value="setText(text)" onclick="idCB.setText('crimson')">
			<input type="button" value="getText()" onclick="alert(idCB.getText())">
			<input type="button" value="addOptions(array)" onclick="idCB.addOptions(['Violet','Silver'])">
			<input type="button" value="getOptions()" onclick="alert(idCB.getOptions())">
		</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>built-in methods</td>
		<td>
			<input type="button" value="selectedIndex" onclick="alert(idCB.selectedIndex)">
			<input type="button" value="outerHTML" onclick="alert(idCB.outerHTML)">
			<input type="button" value="change option text" onclick="idCB.options[idCB.selectedIndex].text='New Text';">
		</td>
	</tr>
</table>
</body>
</html>

Буду рад услышать любые конструктивные замечания и предложения (для того и выкладываю).