Обойти функцию на сайте?

Question

[Udirov]

Доброго времени! Прошу помощи.
Есть сайт, на нем есть скрипт и функция, которая срабатывает при загрузке страницы.
Функция делает следующее, получает строку и перебирает по символам, если символ, тот, что задан в условии, то заменяет на другой и после выводит в результат на страницу.
Принцип следующий: если определенный символ кирилицы [а, е, р, с, В, Т, о ...], Заменить на соответствующий из латиницы (визуально похожий).
Так вот. Как можно остановить выполнение этой функции, или заморозить, или перехватить, или проследить где и что поменялось и выполнить обратное действие.
Заранее огромное всем спасибо!!! ＼(^o^)／

Comments

[Сергей Горностаев]

Какое отношение тег "функциональное программирование" имеет к вопросу?

[Udirov]

Сергей Горностаев, прошу прощения, если к Вам не относится. Полагаю, что каждый из экспертов владеет обширными знаниями.

[Сергей Горностаев]

Zickname, просто прочитайте информацию о теге, подумайте относится ли оно к вашему вопросу. Ну, или можно просто забить и надеяться, что модератор не грохнет вопрос за нарушение пункта 3.1 правил.

[Сергей Горностаев]

Александр, тогда надо ещё добавить тег "компьютеры", оно же на компьютере работает, и тег "сети", сайт же в интернете, а также тег "физика", без физики ни сети, ни компьютеры не работает. В общем, я долго могу продолжать )

Answer 1

[Aetae]

Поставить расширение для браузера с поддержкой пользовательских скриптов, например tempermonkey и написать свой скрипт который по document-start начнёт отслеживать появление этой функции\запрос к серверу\ещё что-то в зависимости от кода, и подменит результат.

Вариантов что именно нужно сделать - такое же бесконечное множество, как и вариантов написания этой вашей функции. Тут надо смотреть на конкретный код.

Comments

[Udirov]

function g(str) {
                    let u = str.charCodeAt(0) || void 0;
                    function s(min, max, type) {
                        let output = '', int = ran(min, max);
                        for (var i = 0; i < int; i++) {
                            if ((i % 4) === 0 && i !== 0) {
                                output += (type === 0 ? '&#45;' : '&#5760;');
                            }
                            output += `&#${ran(46, 122)};`;
                        }
                        return output;
                    };
                    function r(min, max) {
                        let o = '', int = ran(min, max);
                        if (int === 0) {
                            return o;
                        } else {
                            for (var i = 0; i < int; i++) {
                                o += `<span id="&#${os};${s(20, 30, 0)}&#${ts - 1};">&#${ran(1039, 1104)}</span>`;
                            }
                            return o;
                        }
                    };
                    if (u !== void 0) {
                        if (u === 1042) str = '&#66;';
                        if (u === 1045) str = '&#69;';
                        if (u === 1052) str = '&#77;';
                        if (u === 1054) str = '&#79;';
                        if (u === 1056) str = '&#80;';
                        if (u === 1058) str = '&#84;';
                        if (u === 1072) str = '&#97;';
                        if (u === 1077) str = '&#101;';
                        if (u === 1086) str = '&#111;';
                        if (u === 1088) str = '&#112;';
                        if (u === 1089) str = '&#99;';
                        if (u === 1091) str = '&#121;';
                    }
                    return `${r(0, 1)}<span id="&#${os};${s(20, 30, 1)}&#${ts - 1};">${str}</span>`;
                }
                //st(os, ts);
                document.querySelectorAll(`#content .container div[id^="q_"] .card-header`).forEach(function (el) {
                    let str = el.innerHTML, out = "";
                    for (var i = 0; i < str.length; i++) {
                        out += g(str[i]);
                    }
                    return el.innerHTML = out;
                });

[Aetae]

Zickname, важна не сама функция, а где она задаётся, чтоб её подменить можно было. Хорошо если в глобале, а вот если где-то ещё - там пляски с бубном начнутся.

[Udirov]

Aetae, прошу прощения, если не правильно Вас понял.

<script type="text/javascript" language="JavaScript" nonce="">
        (function () {
            'use strict'

На странице прописана в теге

[Aetae]

Zickname, ну например можно вот так вот вклиниться сюда, подменив заранее стандартный forEach:

NodeList.prototype.forEach = ((forEach) => {
  return function(func, ...args) {
    // если переданная функция та что надо
    if(String(func).includes('out += g(str[i]);')) {
      // если вызов происходит только один раз, то можно 
      // отменить наш патч, чтоб не замедлять работу
      // NodeList.prototype.forEach = forEach;
      
      // делаем что-то другое, или не делаем ничего
      
      return;
    };
    
    // иначе выполняем forEach как обычно
    return forEach.call(this, func, ...args);
  }
})(NodeList.prototype.forEach);

Теперь вызов:

document.querySelectorAll(`#content .container div[id^="q_"] .card-header`).forEach

будет вызывать нашу подмену.

[Udirov]

Aetae, Огромное тебе спасибо!!! За отзывчивость и потраченное время на мой вопрос и проблему!!!
Сначала не получилось с tampermonkey, после установки run-at: document-start, всё получилось!)

[Udirov]

Aetae, при перезагрузке страницы, не срабатывает наш супер-скрипт(((

[Aetae]

Zickname, в смысле при перегрузке и в смысле не срабатывает?

Может меняется адрес и скрипт вообще не подключается?
Тогда посмотри чтоб @match у тебя содержал * на меняющихся местах.

Может меняется сам скрипт на странице и наша врезка уже не работает?
Проверь.

Может страница обновляется через ajax без реальной перезагрузки?
Тогда:
1. закомментируй обратно, если раскомментировал: // NodeList.prototype.forEach = forEach;;
2. посмотри может функция вызывается другим образом откуда-то из другого места при такой загрузке.

[Udirov]

Aetae, есть ajax, не нашел событие обновления страницы в коде.

[Aetae]

Zickname, вот вариант совсем по хардкору:

const {get, set, ...rest} = Object.getOwnPropertyDescriptor(Element.prototype, 'innerHTML');

// поиск индекса в списке нужных элементов, если надо
function indexOf(element) {
  // список элементов, среди которых мы ищем
  const list = document.querySelectorAll(`#content .container div[id^="q_"] .card-header`);
  return Array.prototype.indexOf.call(list, element);
}

Object.defineProperty(Element.prototype, 'innerHTML', {
  ...rest,
  // подмена получения innerHTML
  get() {
    let innerHTML = get.call(this);

    const index = indexOf(this);
    if(index !== -1) {
      console.log('Получаем innerHTML у элемента с индексом %d', index, this, innerHTML);
    }

    return innerHTML;
  },

  // подмена установки innerHTML
  set(innerHTML) {
    const index = indexOf(this);
    if(index !== -1) {
      console.log('Устанавливаем innerHTML у элемента с индексом %d:', index, this, innerHTML);
    }

    return set.call(this, innerHTML);
  }
});

Подмена innerHTML у ВСЕГО, у чего есть innerHTML. Тебе осталось проверить, что это именно тот элемент что нужен.

Можешь вместо `#content .container div[id^="q_"] .card-header` написать '*' и прологировать все вызовы innerHTML.

[Udirov]

Aetae, мне неудобно перед Вами((
За отнятое время и в тот же момент, огромное спасибо!!!
Я учусь и благодаря Вам, ловлю вашу логику! Поверю на работе Ваш пример, и кажется я неправильно его там написал.
Спасибо!