Как через userscripts запретить внедрение JavaScript от сайта?

Question

[NooBick]

Как через userscripts запретить внедрение JavaScript от сайта?

У меня есть сайт вконтакте, там есть button - отправить сообщение.


Мне надо, чтобы при нажатии на это кнопку, срабатывал мой код, а не код сайта. Если просто отменить запрос к серверу к этому javascript'у, то весь функционал сайта работать не будет. Мне же надо как-то подменить тело ответа, а точнее после выполнение запроса, не много изменить данный javascript. chrome.webRequest, так не может. Тогда я решил просто в начале загрузки страницы, удалить подгрузку этого скрипта, но и этого у меня не вышло, браузер быстрее моего расширения подключает этот JavaScript.

Тогда мой взгляд упал на userscripts. И может как-то через него, можно удалить из html подгрузку скрипта, чтобы вставить мой скрипт. Или всё таки можно как-то изменить тело ответа, чтобы я мог отредактировать javascript, который присылает сервер?

Короче, со всеми этим уже парюсь около 5 дней. Хочу уже решить эту проблему. А для этого, мне мешает лишь один серверный JavaScript код.

Comments

[Надим]

Не совсем понятно, что вы хотите. Нужен пример.

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

мне надо либо

либо .. либо – Syntax error: не нашёл второе "либо".

Глубоко вдохните, соберитесь, и перепишите, пожалуйста, вопрос, чтобы он был понятен тем, кто пока ещё не в теме ваших проблем.

[NooBick]

Сергей Соколов, Переписал.

[NooBick]

Надим Закиров, Переписал, чтобы было более понятно.

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

NooBick,

У меня есть сайт вконтакте

– это как? Вы Павел Дуров?

[NooBick]

Сергей Соколов, Да, он самый) Забыл как пользовать NodeJS и JavaScript. И доступ не давно потерял к вконтакте.

Answer 1

[WbICHA]

На элемент, где висит обработчик событий, тебе надо повесить:

.addEventListener('click', event => {
  event.stopPropagation()
  ...
}, true);

Третим аргументом обязательно передать true ( https://developer.mozilla.org/ru/docs/Web/API/Even... ).

Comments

[Надим]

Разе в таком случае обработчики которые повесили раньше не сработают первее? Соответственно успеют инициировать отправку данных.

[NooBick]

Благодарю)

[WbICHA]

Надим Закиров,

Третим аргументом обязательно передать true

[Надим]

WbICHA, блин, это реально полезный лайфхак) Век живи, век учись.

Answer 2

[Надим]

Вы можете легко переписать скрипты ВКонтакте на свои через контент-скрипт / UserScript, просто объявляете свою функцию и она тупо заменит функцию от ВКонтакте.

Пример объявления функции test() через контент-скрипт / UserScript:

var script = document.createElement('script');
script.innerHTML = `function test() {
    // Ваш код
}`;
document.head.appendChild(script);

Разумеется объявлять надо уже после прогрузки скриптов от ВКонтакте, для этого используйте событие load.

P. S. Осталось вам лишь найти функцию от ВКонтакте отвечающую за отправку данных) Для этого исследуйте обработчики, которые на кнопке висят при помощи инспектора хрома.

Comments

[WbICHA]

element.addEventListener('click', () => {
  console.log('Ну попробуй заменить скрипт');
});

[WbICHA]

Хотя даже в таком случае это никак не поможет:

const fn = () => {
  console.log('Ну попробуй заменить скрипт');
};
element.addEventListener('click', fn);

[Надим]

WbICHA, анонимные функции не заменить конечно, про это я предупредить забыл, ну и с константой тоже не получится. Здесь я вижу 2 варианта: сделать свою кнопку, а старую скрыть или изменить сам метод xhr / fetch на свой собственный. Второй вариант наверное вполне подойдет автору вопроса, если с заменой функции не получится.

[WbICHA]

Надим Закиров, и не анонимные тоже. Твой метод будет работать только в ОДНОМ случае:
<button onclick="fn()">
А такую имплементацию сегодня НИКТО не использует.