Opciones avanzadas de personalización

Puedes editar configuraciones más personalizadas en la Página de Configuración Extendida -> Configuración de Desarrollador -> Configuración de Usuario que no son editables en la interfaz de usuario para usuarios avanzados. Consulta la última nota para más detalles sobre los parámetros. La config incorporada actual se puede encontrar aquí.

Reglas de Usuario

Con Rules es posible personalizar la configuración de un sitio web en particular, decidiendo qué contenido necesita ser traducido o no, o ajustando el estilo de las páginas, etc.

[
  {
    "matches": "www.google.com",
    "selectors": [".title"]
  },
  {
    "matches": "*.twitter.com",
    "selectors": [".text"],
    "excludeSelectors": ["nav", " footer"]
  }
]

Usa matches para coincidir con el sitio web correspondiente. Se permiten comodines, por ejemplo, *.google.com, www.google.com/test/*, file://*.

Usar selectors anula el alcance de traducción inteligente, traduciendo solo los elementos coincidentes con ese selector.

Usa excludeSelectors para excluir elementos sin traducir la posición.

Usa la familia de selectores additional para aumentar o disminuir el rango de traducción basado en la traducción inteligente.

[
  {
    "matches": "www.google.com",
    "additionalSelectors": [],
    "additionalExcludeSelectors": []
  }
]

Si deseas traducir una región tratando los elementos como un todo y no separándolos, puedes usar el selector atomicBlockSelectors. Por ejemplo, perfiles de Instagram. Ten en cuenta que usar atomicBlockSelectors requiere seleccionar con selectors antes de usar atomicBlockSelectors.

{
  "matches": "https://www.instagram.com/*",
  "selectors": [
    "div._aa_c h1",
    "li._acaz div[role=\"menuitem\"]"
  ]
  "atomicBlockSelectors": [
    "div. ._aa_c h1",
    "li._acaz div[role=\"menuitem\"]"
  ]
}

Si la traducción resulta en páginas desalineadas, texto superpuesto y otros casos extremos, puedes usar globalStyles para ajustar el estilo de la página y solucionarlo. Por ejemplo, el encabezado de YouTube, que se usa para eliminar la altura máxima de la página original.

{
  "matches": "www.google.com",
  "globalStyles": { ".title": "max-height:unset;" }
}

Mejoras en la consolidación de reglas de usuario

Soporte 0.7.4+. Tomemos como ejemplo omitir la zona sin traducción

{
  "matches": "https://www.elektrotechnik.rwth-aachen.de/*",
  "additionalExcludeSelectors.remove": [".notranslate", "[translate=no]"]
}

Las operaciones de agregar y eliminar modifican las reglas proporcionadas por defecto y no necesitan ser reemplazadas en su totalidad, como era el caso anteriormente.

CSS Inyectado

El CSS inyectado te permite inyectar estilos web personalizados globalmente. Puede usarse con translationClasses de Rules.

".immersive-translate-target-wrapper img { width: 16px; height: 16px }"

También es posible estilizar el sitio de una manera más personalizada, como un administrador de estilos web regular. (incluso utilizando display:none para eliminar anuncios)

.title {
  color: red;
}

Configuración de Usuario

Config permite personalizar la configuración de este plugin, como servicios de traducción, opciones de traducción específicas del idioma, etc.

{
  "translationService": "tencent",
  "translationServices": {
    "tencent": {
      "secretId": "xxx",
      "secretKey": "xxx",
      "matches": ["*.twitter.com"]
    }
  } ,
  "translationUrlPattern": {
    "excludeMatches": ["www.google.com"]
  },
  "translationLanguagePattern": {
    "matches": ["en"]
  },
  "translationTheme". "none",
  "translationThemePatterns": {
    "underline": {
      "matches": ["discord.com"]
    }
  },
  "generalRule": {
    "_comment": "",
    "normalizeBody": "",
    " injectedCss": [],
    "additionalInjectedCss": [],
    "wrapperPrefix": "smart",
    "wrapperSuffix": "smart",
    "isPdf": false,
    "isTransformPreTagNewLine ": false,
    "urlChangeDelay": 20,
    "isShowUserscriptPagePopup": true,
    "observeUrlChange": true,
    "paragraphMinTextCount": 8,
    " paragraphMinWordCount": 2,
    "blockMinTextCount": 32,
    "blockMinWordCount": 5,
    "containerMinTextCount": 18,
    "lineBreakMaxTextCount": 0,
    " globalAttributes": {},
    "globalStyles": {},
    "selectors": [],
    "preWhitespaceDetectedTags": ["DIV", "SPAN"],
    "stayOriginalSelectors": [],
    " additionalSelectors": [],
    "atomicBlockTags": [],
    "excludeSelectors": [],
    "additionalExcludeSelectors": [],
    "translationClasses": [],
    " atomicBlockSelectors": [],
    "excludeTags": [],
    "metaTags": ["META", "SCRIPT", "STYLE", "NOSCRIPT"],
    "additionalExcludeTags": [],
    " stayOriginalTags": ["CODE", "TT", "IMG", "SUP"],
    "additionalStayOriginalTags": [],
    "inlineTags": [],
    "additionalInlineTags": [],
    " extraInlineSelectors": [],
    "additionalInlineSelectors": [],
    "extraBlockSelectors": [],
    "allBlockTags": [],
    "pdfNewParagraphLineHeight": 2.4 ,
    "pdfNewParagraphIndent": 1.2,
    "pdfNewParagraphIndentRightIndentPx": 130,
    "fingerCountToToggleTranslagePageWhenTouching": 4
  },
  "rules": [
    {
      "matches": "www.google.com",
      "selectors": [".class"]
    }
  ]
}

Los campos de regla en rules pueden usar todos los campos en generalRule. Las rules tienen la prioridad más alta, fusionando la generalRule y las reglas para esa rule cuando se coincide una rule particular para un sitio específico.

Introducción a algunos de los campos comunes de Config.

No mostrar servicios de traducción no configurados en el panel emergente

"showUnconfiguredTranslationServiceInPopup": false

Configuración de servicios de traducción

Usa translationService para seleccionar el motor de traducción predeterminado, que actualmente admite:

| "tencent"
| "google"
| "deepl"
| "baidu"
| "volc"
| "youdao"
| "caiyun"
| "openl"
| "bing"
| "transmart"

Usa translationServices para configurar el apikey de cada servicio de traducción, diferentes proveedores de servicios necesitan diferentes parámetros, y sus claves API pueden solicitarse en el centro de desarrolladores de sus respectivos sitios web.

Por ejemplo, para el Traductor de Tencent, necesitas configurar secretId, secretKey. Puedes dirigirte a Tencent Cloud para solicitar una clave API con 5 millones de caracteres gratuitos por mes. Consulta aquí para el proceso de solicitud.

"translationServices": {
  "tencent": {
    "secretId": "xxx",
    "secretKey": "xxx",
    "matches":["*.twitter.com"],
    "limit": 3,
    "apiUrl":"",
    " maxTextGroupLengthPerRequest": 25,
    "maxTextLengthPerRequest": 1800
  }
}

Campo matches, usando este servicio de traducción para un sitio web específico.

El campo limit, que especifica el número máximo de solicitudes por segundo para este servicio de traducción (algunos servicios limitan el número máximo de solicitudes por segundo).

Campo maxTextGroupLengthPerRequest, número máximo de párrafos por solicitud

Campo maxTextLengthPerRequest, número máximo de caracteres por solicitud

apiUrl te permite personalizar la dirección de la interfaz de traducción.

Siempre traducir sitios web específicos

translationUrlPattern Configura sitios que siempre se traducen y sitios que nunca se traducen.

• La configuración matches siempre traduce el sitio.
• excludeMatches Configura sitios que nunca se traducen.

Los valores de configuración pueden ser nombres de dominio o URLs con *, como: www.google.com/mail/*

"translationUrlPattern": {
    "matches": ["stackoverflow.com"]
    "excludeMatches": ["www.google.com/mail/*"]
}

Siempre traducir idiomas específicos

translationLanguagePattern, configura el idioma que siempre se traduce y el idioma que nunca se traduce.

• matches Configura el idioma que siempre se traduce, por ejemplo, en,
• excludeMatches Configura los idiomas que nunca se traducen.

Formato de visualización de traducción

translationTheme es el formato de visualización de la traducción, y actualmente admite los siguientes estilos:

| "none"
| "dashed"
| "dotted"
| "underline"
| "mask"
| "paper"
| "highlight"
| "blockquote"
| "weakening"
| "italic"
| "bold"
| "thinDashed".

Nombre correspondiente en chino:

{
  "none": "none",
  "dashed": "subrayado punteado",
  "dotted": "subrayado punteado",
  "underline": "subrayado de línea recta",
  "mask": "efecto de desenfoque",
  "paper": "efecto de sombra de papel blanco",
  "highlight": "resaltar",
  "blockquote": "estilo de cita",
  "weakening": "debilitamiento",
  "italic": "cursiva",
  "bold": "negrita",
  "thinDashed": "subrayado de línea discontinua fina"
}

translationThemePatterns te permite configurar diferentes estilos de traducción para diferentes sitios web.

"translationThemePatterns": {
  "underline": {
    "matches": ["discord.com"]
  }
}

Traducción de Mensajes de Flujo de Página de Clase gpt

{
  "matches": ["chat.openai.com"],
  "excludeSelectors": [".markdown *"],
  "aiRule": {
    "streamingSelector": ".result-streaming.markdown ",
    "messageWrapperSelector": ".markdown",
    "streamingChange": true
  }
}

Reglas

rules es un objeto de arreglo que te permite configurar reglas para sitios especiales, como hacer que Twitter traduzca solo una cierta parte de una región:

{
  "rules": [
    {
      "id": "twitter",
      "matches": ["twitter.com", "mobile.twitter.com", "tweetdeck.twitter.com"],
      "selectors": [
        "[data-testid=' tweetText']",
        ".tweet-text",
        ".js-quoted-tweet-text",
        "[data-testid='card.layoutSmall.detail'] > div:nth-child(2)",
        "[data-testid=' developerBuiltCardContainer'] > div:nth-child(2)",
        "[data-testid='card.layoutLarge.detail'] > div:nth-child(2)"
      ],
      "extraInlineSelectors": ["[data-testid=\"tweetText\"] div"]
    }
  ]
}

Las rules incorporadas actuales se pueden encontrar aquí.

Algunos de los campos importantes se seleccionan a continuación para ilustración:

export interface Rule {
  // Coincidir con el sitio web
  id?: string; // Cada regla de adaptación tiene su propio id, si los usuarios quieren reutilizar esta regla además de este cambio, necesitan agregar este id correspondiente a su propia regla para reutilizarla
  matches?: string | string[]; // Esta regla solo coincidirá con el sitio web aquí. Esta regla solo coincidirá con sitios aquí.
  excludeMatches?: string | string[]; // Excluir sitios específicos.
  selectorMatches?: string | string[]; // Coincidir con un selector sin especificar todas las URLs
  excludeSelectorMatches?: string | string[]; // Excluir reglas, como arriba.

  // Especificar rango de traducciones
  selectors?: string | string[]; // Traducir solo elementos que coincidan
  excludeSelectors?: string | string[]; // Excluir elementos, no traducir coincidencias
  excludeTags?: string | string[]; // Excluir etiquetas, no traducir etiquetas coincidentes

  // agregar rangos de traducción en lugar de anular
  additionalSelectors?: string | string[]; // agregar rangos de traducción. Agregar ubicaciones de traducción a las regiones traducidas inteligentemente.
  additionalExcludeSelectors?: string | string[]; // Agregar elementos excluidos para que la traducción inteligente no traduzca ubicaciones específicas.
  additionalExcludeTags?: string | string[]; // Etiquetas excluidas adicionales

  // Dejar tal cual
  stayOriginalSelectors?: string | string[]; // Los elementos coincidentes se dejarán tal cual. Comúnmente usado en etiquetas de sitios de foros.
  stayOriginalTags?: string | string[]; // Las etiquetas coincidentes se dejarán tal cual, por ejemplo, `code`

  // Traducciones regionales
  atomicBlockSelectors?: string | string[]; // Selectores regionales, los elementos coincidentes se tratarán como un todo, no se traducirán en secciones.
  atomicBlockTags?: string | string[]; // Selectores de etiquetas de área, igual que arriba

  // Bloque o en línea
  extraBlockSelectors?: string | string[]; // Selectores adicionales, los elementos coincidentes se tratarán como elementos de bloque, no se traducirán en una línea.
  extraInlineSelectors?: string | string[]; // Selectores adicionales que se usarán como elementos en línea.

  inlineTags?: string | string[]; // La etiqueta coincidente se usará como un elemento en línea
  preWhitespaceDetectedTags?: string | string[]; // La etiqueta coincidente se envolverá automáticamente

  // Estilo de traducción
  translationClasses? string | string | string[]; // Agregar clases adicionales a la traducción

  // Estilos globales
  globalStyles?: Record<string, string>; // Modificar estilos de página, útil si la traducción causa que la página se desordene. `
  globalAttributes?: Record<string, Record<string, string>>; // Modificar atributos de elementos de página

  // Estilos embebidos
  injectedCss?: string | string[]; // Incrustar estilos CSS
  additionalInjectedCss?: string | string[]; // Estilos CSS adicionales en lugar de anularlo.

  // Contexto
  wrapperPrefix?: string; // El prefijo del área de traducción, por defecto es smart, con o sin saltos de línea dependiendo del número de caracteres.
  wrapperSuffix?: string; // Sufijo del área de traducción

  // Número de caracteres para envolver la traducción
  blockMinTextCount?: number; // Número mínimo de caracteres para envolver la traducción como un bloque, de lo contrario, la traducción es un elemento en línea.
  blockMinWordCount?: number; // Igual que arriba. Si deseas que siempre haya un salto de línea, puedes poner 0 en ambos.

  // Número mínimo de caracteres que se pueden traducir del contenido
  containerMinTextCount?: number; // Número mínimo de caracteres que un elemento debe contener antes de ser traducido, por defecto es 18
  paragraphMinTextCount?: number; // Número mínimo de caracteres para el párrafo, mayor que el número de caracteres que el contenido debe contener. número, cualquier cosa mayor que eso será traducida
  paragraphMinWordCount?: number; // Número mínimo de palabras en el párrafo original

  // Saltos de línea forzados para párrafos largos
  lineBreakMaxTextCount?: number; // Número máximo de caracteres en el párrafo para ser forzado a romperse al traducir un párrafo largo.

  // Cuándo comenzar la traducción.
  urlChangeDelay?: number; // Cuántos milisegundos retrasar la traducción después de ingresar a la página. Para esperar a que la página se inicialice, por defecto es 250ms
  observeUrlChange?: boolean; // Detectar cuando la dirección de la URL ha cambiado y comenzar la traducción nuevamente, verdadero por defecto.

  // Móvil
  isShowUserscriptPagePopup?: boolean; // Mostrar el popup de la página en dispositivos móviles. ventana flotante, verdadero por defecto.
  fingerCountToToggleTranslagePageWhenTouching?: number; // Traduce cuando cuatro dedos tocan, se puede configurar a 0, 2, 3, 4, 5

  // Traducciones de flujo de IA
  aiRule: {
    streamingSelector. string; // Selector para marcar el elemento que se está traduciendo en la página web de gpt
    messageWrapperSelector: string; // Selector del cuerpo del mensaje
    streamingChange: boolean; // Si el mensaje se actualiza incrementalmente o completamente para la iteración de la página web de clase gpt. gpt es incremental
  };
}

Más explicación

Diferencia entre bloque y en línea, si deseas saber más puedes ver aquí

• El elemento de bloque ocupa una sola línea, y múltiples elementos de bloque vecinos ocupan cada uno una nueva línea.
• El elemento en línea no ocupa una sola línea; múltiples elementos en línea vecinos se organizan en la misma línea, y no se crea una nueva línea hasta que una línea es demasiada.