Cómo cambiar el menú contextual en Firefox. Menú contextual en Firefox

y la interfaz Firefox cuántico sigue siendo personalizable gracias al archivo userChrome.css. Puedes editar este archivo para ocultarlo. elementos no deseados menú, mover la barra de pestañas debajo de la barra de navegación, mostrar varias líneas en la barra de marcadores y hacer otras cosas que no eran posibles.

Cómo funciona esto

El archivo userChrome.css es un archivo de hoja de estilos en cascada (CSS) que utiliza Firefox. Aunque las hojas de estilo se aplican normalmente a páginas web, esta hoja de estilo también se aplica a interfaz de usuario Firefox. Te permite cambiar apariencia y la disposición de todo lo que rodea a la página web. No puede agregar ninguna característica; Sólo puedes cambiar lo que ya está allí (editar, ocultar o mover).

Esto no tiene nada que ver con Google Chrome. "Chrome" se refiere a la interfaz de usuario del navegador web que da nombre a Google Chrome.

El archivo userChrome.css existe en Firefox desde hace bastante tiempo, pero ha adquirido un nuevo significado con usando Firefox Cuántico.

Muchas personalizaciones que antes se podían realizar mediante complementos del navegador ahora solo se pueden realizar editando el archivo userChrome.css.

Dónde buscar configuraciones

Aunque puedes crear el tuyo propio configuración propia Si comprende el código CSS y cómo se diseñó la interfaz de Firefox, también puede encontrar la configuración en línea. Si desea realizar ciertos cambios, probablemente alguien más ya haya descubierto cómo hacerlo y haya escrito el código.

Aquí hay algunos recursos que le ayudarán:

• Ajustes de userChrome.org: lista corta escenarios interesantes, que demuestran el poder de userChrome.css.
• Ajustes CSS clásicos: repositorio de configuraciones de userChrome.css del autor Extensiones clásicas Restaurador de temas, que ya no funciona en Firefox Quantum.
• userChrome Tweaks: una colección de ajustes interesantes de Firefox.
• FirefoxCSS en Reddit: este subreddit es una comunidad para discutir configuraciones. Puede usar el subreddit para encontrar los ajustes de otras personas, ver lo que comparten e incluso pedir ayuda si no puede encontrar el ajuste que está buscando.
• Una guía para editar su menú contextual: instrucciones para eliminar elementos de menú contextual Firefox y cambiando su orden en la lista, tomado de Firefox CSS.

Tenga en cuenta que las versiones anteriores de Firefox tenían una interfaz diferente. Es posible que los ajustes antiguos de userChrome.css que encuentre en Internet no funcionen en Firefox 57 o posterior versiones posteriores, también conocido como Firefox Quantum.

Si sabe lo que está haciendo con CSS, puede habilitar la barra de herramientas del navegador para verificar Navegador Firefox. Esto le proporcionará la información que necesita para configurar varios elementos interfaz del navegador usando código propio CSS.

Cómo crear un archivo userChrome.css

No existe un archivo userChrome.css de forma predeterminada, por lo que si desea probar uno o dos ajustes, primero deberá crear el archivo en la ubicación adecuada en su carpeta de perfil de Firefox.

Para iniciar una carpeta Perfil de Firefox, haga clic en Menú > Ayuda > Información de solución de problemas en Firefox.

Haga clic en el botón Abrir carpeta a la derecha de la carpeta del perfil para abrirla. ( Las siguientes instrucciones muestra el proceso en Windows, pero en Mac OS y Linux son casi iguales: solo usas uno diferente gestor de archivos Y editor de texto.)

Si ve una carpeta llamada "chrome" en la carpeta de perfil que aparece, haga doble clic en ella. Sin embargo, probablemente no hagas esto porque esta carpeta no está creada. versiones modernas Firefox.

Para crear una carpeta, haga clic en clic derecho ratón encendido espacio libre y elija Nuevo > Carpeta. Nómbrelo "chrome", presione "Entrar" y luego haga doble clic en él.

Deberá indicarle a Windows que muestre las extensiones de archivo si aún no lo ha hecho. Windows oculta las extensiones de archivos de forma predeterminada para facilitar las cosas. Este paso no es necesario para macOS o Linux, que muestran esta información de forma predeterminada.

En Windows 8 o 10, puede simplemente hacer clic en la pestaña Ver y marcar la casilla Extensiones de nombre de archivo para hacerlas visibles. En Windows 7, haga clic en Organizar > Opciones de carpeta y búsqueda, vaya a la pestaña Ver y desmarque Ocultar extensiones para tipos de archivos conocidos.

Ahora cree un archivo userChrome.css, que en realidad está vacío. archivo de texto con la extensión .css en lugar de la extensión .txt.

Para hacer esto, haga clic derecho en un espacio vacío y seleccione Nuevo > Documento de texto" Nómbrelo "userChrome.css" y elimine la extensión .txt.

Windows le advertirá que está cambiando la extensión del archivo y esto puede ser un problema para ciertos tipos archivos. Haga clic en Sí para confirmar los cambios.

En MacOS o Linux, cree un archivo de texto vacío con el mismo nombre.

Cómo editar el archivo userChrome.css

Puede utilizar cualquier editor de texto para editar el archivo userChrome.css. Editor de texto Bloc de notas incluido en composición de ventanas, funciona muy bien. Si necesita un editor de texto más potente con un gran número funciones, luego pruebe Notepad++.

Para editar un archivo en el Bloc de notas, haga clic derecho en el archivo y seleccione Editar.

Agregue todas las configuraciones que desee conservar copiándolas y pegándolas. Si está agregando varias configuraciones, asegúrese de agregarlas todas en sus propias líneas.

Una vez que haya terminado, guarde el archivo haciendo clic en Archivo > Guardar en el Bloc de notas.
Siempre que edites el archivo userChrome.css, tendrás que cerrar todo ventanas abiertas Firefox y reinicie Firefox para que los cambios surtan efecto.

Si regresa con frecuencia a la carpeta "chrome" para editar el archivo userChrome.css, es posible que deba crear un acceso directo en el escritorio para la carpeta o agregarlo a " Acceso rápido» en el Explorador.

archivo userContent.css

Firefox también tiene un archivo userContent.css que puedes editar y es posible que encuentres algunas configuraciones que dicen que son para el archivo userContent.css.

Para utilizar este archivo, simplemente cree un archivo llamado "userContent.css" en carpeta cromada. Los ajustes que realice en este archivo afectan las "páginas de contenido" internas de Firefox, como " Nueva pestaña" y "Opciones".

si algo esta roto

Si encuentra un problema con la configuración, simplemente puede eliminarlo del archivo userChrome.css y reiniciar Firefox. Si esto no funciona, puede eliminar completamente el archivo userChrome.css y reiniciar el navegador para borrar todos los cambios y obtener nueva interfaz Firefox.

Rara vez se utiliza un menú contextual personalizado en la interfaz de una página web. Después de todo, no es del todo obvio para el usuario que en algún elemento deba hacer clic no con el botón izquierdo, sino con el derecho del mouse y seleccionar un elemento de la lista. Además, no a todos los visitantes de un sitio web les gusta utilizar el botón derecho del ratón, y en los teléfonos inteligentes no existe ningún botón derecho, sólo una imitación. A pesar de estas características, HTML5 tiene la capacidad de crear sus propios menús contextuales, esto está implementado hasta ahora sólo en Firefox, e incluso así de una manera única.

Primero, veamos cómo se crean en general. diferentes menús. Para hacer esto, use una combinación de etiquetas y (ejemplo 1).

Ejemplo 1: menú contextual

HTML5 IE Cr Op Sa Fx

Menú contextual

El atributo contextmenu nos dice que nuestro menú es contextual y al mismo tiempo apunta a una etiqueta con identificador dado(v. en este caso editar). Hasta el momento, ningún navegador entiende el ejemplo anterior, incluido Firefox. Para ello, en lugar de una etiqueta, debes insertar una etiqueta no estándar (ejemplo 2).

Ejemplo 2: Menú en Firefox

HTML5 IE Cr Op Sa Fx

Menú contextual

El código resultó no ser válido, pero cuando haces clic en la imagen en Firefox, aparece hermoso menú(Figura 1).

Arroz. 1. Menú contextual

Este menú aún no funciona de la manera correcta, así que rehagámoslo. Primero, agreguemos un ícono al lado del elemento del menú usando el atributo de ícono, para que el menú se vea más bonito. El valor es relativo o camino absoluto A archivo gráfico. Luego debe asegurarse de que cuando haga clic en un elemento del menú, se produzca alguna acción. Para hacer esto, usaremos el evento onclick y lo usaremos para llamar la función deseada. El ejemplo 3 muestra la creación de un menú contextual para texto; si selecciona "Editar" en él, el texto se puede editar. De hecho, se utiliza un campo de texto oculto, que se vuelve visible cuando se llama a la función edit(), mientras que el texto en sí se oculta durante la edición. Después de presionar Enter, el texto del formulario se inserta en su lugar. párrafo de texto, creando la impresión de que éramos nosotros quienes gobernamos. El formulario se vuelve a ocultar una vez finalizada la edición.

Ejemplo 3: edición de texto

HTML5 IE Cr Op Sa Fx

Menú contextual #edit ( ancho: 200px; borde: 1px sólido #ccc; pantalla: ninguna; ) función editar() ( document.getElementById("text").style.display = "none"; document.getElementById("edit" ).style.display = "bloque"; document.getElementById("edit").value = document.getElementById("text").innerHTML; document.getElementById("edit").focus() ( document.getElementById( "texto").innerHTML = document.getElementById("edit").value; document.getElementById("edit").style.display = "none"; document.getElementById("text").style .display = "bloque " )

Texto de ejemplo

El nuevo menú se muestra en la Fig. 2.

Arroz. 2. Menú con icono

Como puede ver en el ejemplo, crear un menú contextual no es diferente de crear otros elementos interactivos. Cuando hacemos clic en un elemento del menú, nuestra función se llama usando el controlador onclick, y luego esta función hará lo que queramos. Firefox 8 fue el primer navegador que admitió menús contextuales HTML5, pero es sorprendente por qué Desarrolladores de Firefox Introdujimos nuestra propia etiqueta personalizada para el menú. Hay varios escenarios posibles aquí:

• la etiqueta se agregará a la especificación HTML5;
• Esta etiqueta quedará obsoleta y no será compatible en el futuro. Versiones de Firefox;

Sólo queda esperar la respuesta de otros navegadores en los que finalmente se implementará la etiqueta, así como varios menús basados ​​en ella.

Consejos útiles para usuarios Mozilla Firefox
1. Para encontrar rápidamente cualquier palabra en una página web, escriba "/palabra"; la barra diagonal llama a la función búsqueda rápida, y la palabra que estás buscando se resaltará, luego presiona Ctrl+G para "encontrar" esa palabra nuevamente.

2. Si desea eliminar cualquier elemento de la lista del menú desplegable de la barra de direcciones, selecciónelo colocando el cursor sobre él y simplemente presione Mayús+Suprimir.

3. Borre periódicamente su historial de descargas para que el administrador de descargas funcione mejor; esto se puede configurar en versión en inglés navegador aquí: Herramientas | Opciones | Privacidad y en versión rusificada – aquí: Herramientas | Configuración | Descargas.

4. Escriba about:cache?device=disk en la barra de direcciones para ver/guardar los objetos que están en caché de disco Firefox.

5. Escriba about:cache?device=memory en la barra de direcciones para ver/guardar elementos en el caché de Firefox.

7. Si eliminó accidentalmente un marcador y desea restaurarlo, abra el Administrador de marcadores y presione Ctrl+Z o en el menú: Editar | Deshacer (Editar | Cancelar).

8. Doble toque Al hacer clic en un espacio vacío en la barra de pestañas, se abre una nueva pestaña.

9. Mantenga presionada la tecla "Ctrl" mientras hace clic derecho en el menú contextual "Ver imagen" o "Mostrar imagen de fondo" (Vista Imagen de fondo) para abrir la imagen en una nueva pestaña o ventana.

10. También puedes arrastrar la carpeta de marcadores a otra ubicación, pero debes mantener presionada la tecla MAYÚS.

11. Para evitar que un sitio web reemplace/modifique su menú contextual del botón derecho, vaya a Herramientas > Opciones > Opciones web, y luego haga clic en la línea "pestaña frontal" y anule la selección del menú "Eliminar o reemplazar menús contextuales". En Firefox 2: Herramientas > Opciones > contenido > Avanzado (Herramientas > Configuración > Contenido > Avanzado).

12. Puede trabajar con Firefox sin conexión: simplemente abra el menú Archivo\u003e Trabajar sin conexión (Archivo\u003e Trabajar sin conexión). Esto significa que incluso puedes ver páginas abiertas anteriormente sin conexión. gran característica, pero pocas personas lo usan.

13. Puedes colocar abrir pagina marcador arrastrando el icono desde la barra de ubicación a su carpeta de favoritos. También puedes arrastrarlo a tu escritorio para crear un ícono para esa página.

14. Para dejar de reproducir imágenes animadas formato gif, presione el botón “ESC”.

Y además... Atajos de teclado para trabajo comodo en Firefox desde el teclado!
— Cerrar pestaña: Ctrl+W Ctrl+F4
— Cerrar ventana: Ctrl+Mayús+W Alt+F4
— Nueva pestaña: Ctrl+T
— Nueva ventana: Ctrl+N
— Seleccione una pestaña (de 1 a 8): Ctrl+(1 —
- Elegir última pestaña: Ctrl+9
— Coloque todas las pestañas en la carpeta de marcadores: Ctrl+Shift+D
— Seleccionar barra de direcciones: Ctrl+L F6 Alt+D
— Abrir la dirección en una nueva pestaña: Ctrl+Enter
— Búsqueda web: Ctrl+E Ctrl+K
— Pestaña siguiente: Ctrl+Tab Ctrl+Av Pág
— Pestaña anterior: Ctrl+Mayús+Tab Ctrl+Re Pág

Uno de los más cambios significativos interfaz del recientemente lanzado versión estable Mozilla Firefox 32 se ha convertido en una modificación del menú contextual. radica en el hecho de que algunos elementos de texto Los menús se han reemplazado con miniaturas gráficas ubicadas en la parte superior del menú. En particular, las opciones para avanzar y retroceder entre páginas, así como las opciones para actualizar y agregar una página a los marcadores del navegador, han sufrido un reemplazo de este tipo.

En general, el cambio puede considerarse bastante útil. En primer lugar, la solución permitió reducir la longitud del menú contextual, al que el usuario probablemente agregará opciones para complementos de terceros, y en segundo lugar, el menú en sí se ha vuelto más agradable desde el punto de vista estético. Sin embargo, entre Usuarios de Firefox También habrá quien no encuentre tan atractivo el menú actualizado. A algunos les resultará inusual, a otros les resultará inconveniente y también habrá quienes argumenten que los menús gráficos se cargan más lentamente que los de texto.

Por supuesto, tanto los desarrolladores de Firefox como los creadores de complementos de terceros anticiparon tales escenarios y, por lo tanto, dieron a los usuarios la oportunidad de elegir qué menú usar, el antiguo o el nuevo. En una palabra, si no le gusta el menú actualizado, puede devolverlo fácilmente a su apariencia anterior de dos maneras.

Tema clásico Restaurador

Restaurar Diseño de Firefox puedes usarlo bien adición famosa llamado Restaurador de temas clásicos. Después de instalar el complemento, deberá ir a su configuración, en la sección "Interfaz principal", buscar la opción "En la página, en el menú contextual, reemplazar iconos con etiquetas" y activarla.

Los iconos del menú contextual desaparecerán y el menú en sí se alargará en un orden de magnitud. Además, cuando Instalación clásica Pestañas de Theme Restorer que están en últimas versiones Firefox tenía una apariencia redondeada, volverá a ser estrecha y estrictamente rectangular.

Desafortunadamente, este método no producirá el resultado deseado si utiliza un tema "completo" para diseñar la interfaz de Firefox. Aunque esto no significa que por el bien de la misma mirada menú tendrás que sacrificar la belleza. Cuando se utilizan temas habituales, no surgen "conflictos".

Asistente de menú

El segundo método es tan simple como el primero, pero esta vez en lugar de Theme Restorer usaremos el complemento Menu Wizard. Después de instalar el complemento, vaya a su configuración, abra la lista "Menú contextual principal" y desmarque los siguientes elementos:

• contexto-back
• avance de contexto
• recarga de contexto
• parada de contexto

El complemento Menu Wizard funciona con cualquier tema y también le permite ocultar y mostrar rápidamente miniaturas desde el menú contextual. Sin embargo, el Asistente de menú tiene un inconveniente. Los íconos del menú no se pueden convertir en texto como cuando se usa Theme Restorer, solo se pueden ocultar.