Dostosowanie FVD Speed Dial: wybór wyszukiwarki

Dostosowanie wyszukiwarek w FVD Speed Dial: wyłączanie automatycznego wykrywania i dodawanie wyboru dostawcy

Po zmianie ustawień sieciowych (VPN, proxy, DNS) pasek wyszukiwania nowej karty w rozszerzeniu FVD Speed Dial w wersji 81.8.3 (ID: llaficoajjainaijghjlofdfmbjpebpa) zaczął przekierowywać wszystkie zapytania do Yahoo. Systemowa wyszukiwarka przeglądarki nie wpływała na zachowanie rozszerzenia. Zlokalizowanie problemu w plikach js/newtab/search.js i styles/newtab/style.css pozwoliło zrealizować wybór dostawcy bez automatycznego wykrywania.

Lokalizacja plików rozszerzenia

Rozszerzenie jest przechowywane w katalogu przeglądarki:

• Cent Browser (wersja przenośna): CentBrowserPortable\User Data\Default\Extensions\llaficoajjainaijghjlofdfmbjpebpa\81.8.3_0\
• Windows (Chrome): C:\Users\<nazwa>\AppData\Local\Google\Chrome\User Data\Default\Extensions\<id>\<wersja>_0\
• Linux: ~/.config/google-chrome/Default/Extensions/<id>/<wersja>_0/

Ścieżkę można określić przez chrome://extensions → „Tryb dewelopera” → „Więcej informacji”.

Kluczowe pliki do modyfikacji:

• js/newtab/search.js — logika wyszukiwania i dostawców.
• styles/newtab/style.css — style i ikony.

Analiza kodu search.js

W search.js zaimplementowany jest obiekt Search.prototype.searchProviders z dostawcami:

Search.prototype.searchProviders = {
  fvd: {
    name: "Speed Dial",
    url: "https://fvdmedia.com/addon/search?qq={q}&from=chromefvdsd&installtime={time}&searchtype={type}"
  },
  yandex: {
    name: "Yandex",
    url: "https://yandex.ru/yandsearch?clid=2028026&text={q}",
    locale: ["ru", "by", "kz", "uz", "uk", "kg"],
    ip: ["ru", "by", "kz", "uz", "uk", "ua", "kg"],
    replace: function(url) { /* logika domen */ }
  },
  bing: {
    name: "Bing",
    url: "https://search.fvdspeeddial.com/results.aspx?gd=SY1002769&searchsource=69&q={q}"
  },
  yahoo: {
    name: "Yahoo",
    url: "https://search.fvdspeeddial.com/results.aspx?gd=SY1002769&searchsource=69&q={q}"
  },
  google: {
    name: "Google",
    url: "https://www.google.com/search?q={q}"
  },
  duckduckgo: {
    name: "DuckDuckGo",
    url: "https://duckduckgo.com/?q={q}"
  }
};

Ustawienia są zapisywane w sd.searchprovider. Funkcja doSearch() wywołuje getProvider() i detectProvider() tylko dla fvd. Autodetekcja na podstawie lokalizacji i IP określa dostawcę (w przypadku VPN — Yahoo).

Funkcja fill() generuje listę <li provider="<klucz>"> dla elementów UI #searchList i #searchLogo.

Modyfikacja obsługi wyboru dostawcy

Zaktualizowana obsługa kliknięcia:

Search.prototype.clickProvider = function(option) {
  const provider = option.attr("provider");
  this.setProvider(provider); // zapisuje w sd.searchprovider
  this.fill();                // aktualizuje logo i menu
  this.menu("close");
};

Zaktualizowana doSearch():

jsSearch.prototype.doSearch = async function(query) {
  const fvdSpeedDial = this.fvdSpeedDial;
  const Prefs = fvdSpeedDial.Prefs;
  let url;

  if (!query) {
    const q = document.getElementById("q");
    if (q.hasAttribute("clickUrl")) {
      query = q.getAttribute("clickUrl");
    } else {
      query = q.value;
    }
  }

  if (typeof query === "object" && query.clickurl) {
    url = query.clickurl;
  } else {
    let provider = this.getProvider();

    if (provider === "fvd") {
      provider = this.detectProvider();
    }

    const providerData = this.searchProviders[provider];

    if (String(query).trim().length === 0) {
      return false;
    }

    await Analytics.fireSearchEvent(query, providerData?.name);

    url = String(providerData.url)
      .replace("{q}", encodeURIComponent(query))
      .replace("{time}", Prefs.get("sd.installtime"))
      .replace("{type}", Utils.getInstallVersion(fvdSpeedDial) >= 6930 ? 0 : 1)
      .replace("{version}", Utils.getCurrentVersion());

    if (typeof providerData.replace === "function") {
      url = providerData.replace(url);
    }
  }

  document.location = url;
};

Logika: jawny wybór (Google, Yandex itd.) ignoruje autodetekcję; fvd wykorzystuje ją.

Poprawka CSS dla ikon

W style.css odkomentowano i poprawiono selektory dla #searchLogo:

.searchLogo {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center center;
  margin-right: 5px;
  margin-top: -2px;
  position: relative;
  opacity: 1;
  transition: opacity 75ms;
  background-image: url(images/providerfvd.png);
}

.searchLogo[provider="fvd"]         { background-image: url(images/providerfvd.png); }
.searchLogo[provider="yandex"]      { background-image: url(images/provideryandex.png); }
.searchLogo[provider="yahoo"]       { background-image: url(images/provideryahoo.png); }
.searchLogo[provider="bing"]        { background-image: url(images/providerbing.png); }
.searchLogo[provider="google"]      { background-image: url(images/providergoogle.png); }
.searchLogo[provider="duckduckgo"]  { background-image: url(images/providerduckduckgo.png); }

Ikony (providergoogle.png i inne) są już obecne w images/. Po poprawkach logo zmienia się dynamicznie.

Co jest ważne

• Wybór dostawcy jest zapisywany w sd.searchprovider między sesjami.
• Autodetekcja działa tylko dla fvd — inni dostawcy używają stałego URL.
• UI aktualizuje się natychmiast przez fill() po setProvider().
• Ikony są aktywowane odkomentowaniem selektorów CSS.
• Kompatybilność z istniejącymi funkcjami: Analytics.fireSearchEvent, replace() dla Yandex.

— Editorial Team