Пикабу помоги.
Есть проблема корявого перевода одного ресурса при помощи любого переводчика. Всегда съезжает структура, да и перевод не очень выходит. Хочется сделать индивидуальный, ламповый перевод, понятный и в размер чтобы не разрушать струтктуру страницы. Так вот задумался я самостоятельно перевести каждое слово, но не придумал адекватного способа восстанавливать изменения при каждом обновлении страницы.

Я попробовал:
1) Внести изменения через консоль. Не смог найти плагин который бы сохранял внесённые изменения между div и подгружал их вновь при перезагрузке.

2) Пробовал применить плагин User JavaScript and CSS через который который запускаю мини скрипт переводящий конкретное слово на странице, и частично получилось. Но полностью исчезало оформление текста, стили, всё. Оставался только текст.

3) Попробовал через консоль сохранить файл отвечающий за перевод, но структура ресурса не позволила мне использовать локальный файл и ресурс отказался запускаться выдав ошибку.

Потратил весь день.
Идея с запуском скрипта для замены слов мне понравилась больше, но я не бум бум в этом по этому у меня получилось не очень.

Может кто способен помочь мне в этом нелёгком для меня деле.

Ресурс: bubble.io
Код который использовал для замены текста:
const elements = document.querySelectorAll('div.tab.tabs-1.selected');
elements.forEach((element) => {
element.textContent = element.textContent.replace('Design', 'Дизайн');
});

Значения хранятся между булок (шутка). Между тегами div

Пробовал повесить код на div.body но он сожрал все оформление. Опять же, в моем варианте мини скрипта, придется для каждого класса div писать одни и те же строки, а хотелось бы по компактнее и скопом все слова вбить списком, и их замену. Но, я не разбираюсь как все правильно сделать.

Если сообразится рабочий способ дополню статью внизу для всех таких как я. Со всеми подробностями.