FVD Speed Dial Customization: Search Engine Selection

Customizing Search Engines in FVD Speed Dial: Disabling Auto-Detection and Adding Provider Selection

After switching network settings (VPN, proxy, DNS), the new tab search bar in the FVD Speed Dial extension version 81.8.3 (ID: llaficoajjainaijghjlofdfmbjpebpa) started redirecting all queries to Yahoo. The browser's default search engine had no impact on the extension's behavior. Pinpointing the issue in js/newtab/search.js and styles/newtab/style.css enabled provider selection without auto-detection.

Locating Extension Files

The extension is stored in the browser's directory:

• Cent Browser (portable build): CentBrowserPortable\User Data\Default\Extensions\llaficoajjainaijghjlofdfmbjpebpa\81.8.3_0\
• Windows (Chrome): C:\Users\<username>\AppData\Local\Google\Chrome\User Data\Default\Extensions\<id>\<version>_0\
• Linux: ~/.config/google-chrome/Default/Extensions/<id>/<version>_0/

Find the path via chrome://extensions → "Developer mode" → "Details".

Key files to modify:

• js/newtab/search.js — search logic and providers.
• styles/newtab/style.css — styles and icons.

Analyzing search.js Code

search.js defines the Search.prototype.searchProviders object with providers:

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) { /* domain logic */ }
  },
  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}"
  }
};

Settings are saved in sd.searchprovider. The doSearch() function calls getProvider() and detectProvider() only for fvd. Auto-detection based on locale and IP picks the provider (Yahoo with VPN).

The fill() function generates <li provider="<key>"> list items for UI elements #searchList and #searchLogo.

Modifying the Provider Selection Handler

Updated click handler:

Search.prototype.clickProvider = function(option) {
  const provider = option.attr("provider");
  this.setProvider(provider); // saves to sd.searchprovider
  this.fill();                // updates logo and menu
  this.menu("close");
};

Updated 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;
};

Logic: Explicit choices (Google, Yandex, etc.) bypass auto-detection; fvd uses it.

Fixing CSS for Icons

In style.css, uncommented and fixed selectors for #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); }

Icons (providergoogle.png, etc.) are already in images/. After changes, the logo updates dynamically.

Key Takeaways

• Provider selection persists in sd.searchprovider across sessions.
• Auto-detection only for fvd — other providers use fixed URLs.
• UI updates instantly via fill() after setProvider().
• Icons enabled by uncommenting CSS selectors.
• Full compatibility with existing features: Analytics.fireSearchEvent, Yandex replace().

— Editorial Team