Создать расширение для браузера Yandex, которое будет менять цвет элементов на странице

@wfru · Регистрация: 28.04.2016

Author24 — интернет-сервис помощи студентам

Заранее извиняюсь за повторное размещение тему, не много запутался в разделах форума.
Доброго времени суток форумчане!
Столкнулся с кучей проблем с js
В общем ситуация такая...
Имеется сайт для покупки предметов из игры, dmarket.com, там на определенных предметах есть скидка, 10%, 15% 20% 50% и т.д.
Хочу создать расширение для браузера Yandex которое будет просто менять цвет той самой скидки с белого на любой другой, путём добавление атрибута в элемент, при условии что допустим скидка будет больше 30%.
Но у меня нечего не работает =(
В общем молва о помощи к вам!
Вот что я накалякал опираясь на другое расширение, интернет, и свою пустую голову. (не бейте только)
Вот manifest

Java

{
   "background": {
      "persistent": true,
      "scripts": [ "src/bg/background.js" ]
   },
    "manifest_version": 2,
    "name": "DM",
    "description": "DM prices best",
    "version": "0.0.1",
    "icons": 
    {
      "128": "icons/icon128.png",
      "16": "icons/icon16.png",
      "48": "icons/icon48.png"
    },
    "content_scripts": 
    [
        {
            "matches": 
            [
                "https://dmarket.com/*",
                "http://dmarket.com/*",
                "*://dmarket.com/*" 
            ],
            "js": 
            [
                "js/items.js" 
            ]
        }
]
}

Это сам скрипт

Java

var Item = function (DOM_OBJECT) {
      this.DOM_OBJECT = DOM_OBJECT;
};
Item.prototype.getValues = function() {
 
      var rawObject = $( this.DOM_OBJECT );
      this.name = rawObject.find("u-game--csGo").text();
      this.$node = $( this.DOM_OBJECT );
 
      //console.log(valsrc, this.base_val, this.sale_val);
 
      this.sale_val = parseFloat(
          rawObject.find("div.o-assetBadge o-assetBadge--discount ng-star-inserted").replace(/\D/g,'')
      );
 
      console.log(this);
 
this.$node.attr("opd", true);
 
};
 
Item.prototype.addColor = function() {
    if(this.sale_val < 0)
        {
            this.sale_val.createAttribute(style, "color: rgb(136, 71, 255);");
        }
};

@Antiplayer · 26.08.2019, 17:38

Даже не знаю зачем тут расширение писать. ОТкрой консоль на странице, вбей код:

Javascript

function changeColor() {
    document.querySelectorAll(".o-assetBadge.o-assetBadge--discount").forEach( elem => {
        if ( +elem.textContent.replace(/\D+/g, "") > 30 && !elem.classList.contains("colorized")) {
            elem.classList.add("colorized");
            elem.style.color = "red";
        }
    })
}
 
let interval = setInterval(changeColor, 1000);

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

@wfru · 26.08.2019, 21:17 **[ТС]**

И в правду.... Спасибо большое :3

@wfru 0 / 0 / 0 Регистрация: 28.04.2016 Сообщений: 19
	26.08.2019, 21:17 [ТС]	3
	И в правду.... Спасибо большое :3 0

Создать расширение для браузера Yandex, которое будет менять цвет элементов на странице

Решение