Personalización de FVD Speed Dial: Selección de Motor de Búsqueda

Personalizar motores de búsqueda en FVD Speed Dial: Desactivar detección automática y seleccionar proveedor

Tras cambiar la configuración de red (VPN, proxy, DNS), la barra de búsqueda de la nueva pestaña en la extensión FVD Speed Dial versión 81.8.3 (ID: llaficoajjainaijghjlofdfmbjpebpa) empezó a redirigir todas las consultas a Yahoo. El motor de búsqueda predeterminado del navegador no afectaba al comportamiento de la extensión. Identificar el problema en js/newtab/search.js y styles/newtab/style.css permitió seleccionar proveedores sin detección automática.

Localizar los archivos de la extensión

La extensión se almacena en el directorio del navegador:

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

Encuentra la ruta en chrome://extensions → "Modo de desarrollador" → "Detalles".

Archivos clave a modificar:

• js/newtab/search.js — lógica de búsqueda y proveedores.
• styles/newtab/style.css — estilos e iconos.

Analizar el código de search.js

search.js define el objeto Search.prototype.searchProviders con los proveedores:

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) { /* lógica de dominio */ }
  },
  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}"
  }
};

Las configuraciones se guardan en sd.searchprovider. La función doSearch() llama a getProvider() y detectProvider() solo para fvd. La detección automática por idioma y IP selecciona el proveedor (Yahoo con VPN).

La función fill() genera elementos <li provider="<key>"> para los elementos de la interfaz #searchList y #searchLogo.

Modificar el manejador de selección de proveedor

Manejador de clics actualizado:

Search.prototype.clickProvider = function(option) {
  const provider = option.attr("provider");
  this.setProvider(provider); // guarda en sd.searchprovider
  this.fill();                // actualiza logo y menú
  this.menu("close");
};

doSearch() actualizado:

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

Lógica: Las selecciones explícitas (Google, Yandex, etc.) evitan la detección automática; fvd la usa.

Corregir CSS para iconos

En style.css, descomenté y corregí los selectores para #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); }

Los iconos (providergoogle.png, etc.) ya están en images/. Tras los cambios, el logo se actualiza dinámicamente.

Lecciones clave

• La selección de proveedor persiste en sd.searchprovider entre sesiones.
• Detección automática solo para fvd — otros proveedores usan URLs fijas.
• La interfaz se actualiza al instante mediante fill() tras setProvider().
• Iconos habilitados descomentando selectores CSS.
• Compatibilidad total con funciones existentes: Analytics.fireSearchEvent, replace() de Yandex.

— Editorial Team