Как изменить скрипт сайта через js?

Question

[Zailox]

Есть один сайт, использующий скрипт, который я могу редактировать при помощи панели разработчика. Как можно редактировать его не из панели, а при помощи расширения?

(Перед написанием попробовал в консоль писать "document.loremipsum()" - выдавало ошибку "loremipsum() is not a function", пытался редактировать переменные - тоже не получается, консоль пишет одни числа, а по факту они другие.)

Как можно это реализовать?
Заранее спасибо.

Answer 1

[VoidVolker]

Пользовательские скрипты - TamperMonkey и прочие обезьянки.

попробовал в консоль писать "document.loremipsum()" - выдавало ошибку "loremipsum() is not a function"

Прежде, чем вызвать функцию, её надо сначала определить - о чём вам консоль и написала. RTFM.

Answer 2

[Aetae]

Если вопрос на самом деле: "Почему из расширения не доступны глобальные переменные и функции?", то ответ - потому что расширения работают через слой безопасности, чтобы тебя случайно не взломали через твоё расширение.

Как добраться до глобальных переменных через этот слой - зависит от конкретного браузера. Читай документацию.

Универсальный подход(при отсутствии CSP) - просто добавить на страницу script с нужным содержимым. Примерно так:

function runInScript() {
  // здесь везь код, независимый от иных функций
  document.loremipsum()
}



document.head.append(
  Object.assign(
    document.createElement('script'),
    {
      innerHTML: `(${runInScript.toString()})()`,
      onload() { this.remove() }
    }
  )
);