Chrome es un navegador web moderno desarrollado por Google. Como uno de los tres grandes navegadores, incorpora el motor de JavaScript de alta eficiencia llamado V8.

Gracias a su interfaz sencilla y su facilidad de uso, la cuota de mercado de Chrome ha subido al 45 %, superando a Internet Explorer y Mozilla Firefox para convertirse en el navegador número uno del mundo. (Datos de Wikipedia)

Anuncio de Hatsune Miku promocionando el navegador Chrome ♪ Tell Your World



Como navegador moderno, al igual que las aplicaciones de los teléfonos inteligentes, cada aplicación instalada significa una función más para tu teléfono. El navegador Chrome también es así, y Google ofrecela Tienda de aplicaciones en líneapara que la gente descargue extensiones y las personalice a su gusto.

A continuación presentaré algunas extensiones de uso común.

  • Filtro de anuncios ABP / Adblock Plus
    Usado por más de 50 millones de personas, es un bloqueador de anuncios gratuito para Chrome que bloquea todos los molestos anuncios, así como el malware y el rastreo.
    Disfruta de un mundo en línea sin anuncios molestos.

  • Mejor historial / Better History
    Reemplaza la página de historial integrada del navegador. Esta extensión permite ver mejor tu historial. Ofrece la mejor experiencia de búsqueda, la interfaz más clara y los filtros más útiles para consultar tu historial.

  • Evernote Web Clipper
    Usa la extensión de Evernote para guardar contenido web interesante en tu cuenta de Evernote con un solo clic.
    Evernote Web Clipper te ayuda a guardar páginas web, capturar pantallas, añadir anotaciones y archivar fácilmente a la mayor velocidad, para que encuentres rápidamente todo lo que necesites en cualquier momento y lugar.

  • Hangouts
    Hangouts hace las conversaciones más divertidas: puedes enviar imágenes y emoticonos, y también hacer videollamadas gratis.
    Hangouts integra fotos, emoticonos y video para hacer más amenas las conversaciones de uno a uno y en grupo, y es completamente gratis. Puedes comunicarte con amigos desde el teléfono, la computadora y la tableta.

  • Sina Weibo: Fuera de la vista, fuera de la mente
    Extensión no oficial de mejora de Sina Weibo (weibo.com) que permite bloquear sin límites palabras clave, usuarios y fuentes, eliminar anuncios de la página y tuits promocionados, y combatir el spam. ¡Te devuelve un Weibo limpio y ordenado!

  • Alojamiento de imágenes de Sina Weibo
    Sencillo y práctico alojamiento de imágenes de Sina Weibo. Admite subir imágenes locales mediante selección, arrastre o pegado, y genera la dirección de la imagen, así como código HTML y Markdown, tres formatos.

  • Captura de pantalla web: comentarios y anotaciones
    Captura toda la página o cualquier parte, con rectángulos, círculos, flechas, líneas y texto, difumina información sensible y sube y comparte anotaciones con un clic. Admite PNG y enlaces.

  • NetEase Cloud Music
    Escucha NetEase Cloud Music sin abrir la página web, más simple y fácil de usar.
    La extensión de Chrome para NetEase Cloud Music busca una experiencia simple: sin abrir la página web ni el cliente, puedes escuchar música de NetEase Cloud Music, listas de reproducción, grandes DJ y tus favoritos. Sincronizada con otros terminales, es más simple y fácil de usar.

  • Stylish
    Stylish es un administrador de estilos de usuario que te permite ajustar el estilo de las páginas web.

  • SimpleUndoClose
    Restaura fácilmente las pestañas de sitios web que cerraste anteriormente.

  • Proxy SwitchyOmega
    Administra y cambia varias configuraciones de proxy de manera fácil y rápida. Tú sabes a qué me refiero~

  • Xiaole Tuke (ZIG)
    Captura de imágenes (descarga masiva de imágenes de páginas web) + captura de pantalla (marcas vectoriales) + embellecimiento de imágenes + montaje de imágenes.

  • Prism Pretty
    Herramienta imprescindible para front-end: resaltado de código para mostrar HTML/CSS/JS de la página web.

  • Eye Dropper
    Herramienta imprescindible para diseñadores: selector de color de páginas web.

  • Google Input Tools
    El método de entrada en la nube de Google, la conciencia de la industria, admite la escritura en más de 90 idiomas y sistemas de escritura de distintos países.

  • FaWave
    Complemento de microblogging para Chrome, compatible con múltiples microblogs y con sincronización real para publicar en todos a la vez. Ya no es molesto publicar en varios. Actualmente soporta Tencent Weibo (qq), Sina Weibo (sina), Sohu Weibo (sohu), Fanfou, Zuosa, Digu, Renjian, Leihou, Douban, Google Buzz, NetEase Weibo (163) y algunos sitios que no existen. Funciones completas y potentes; también puede enviar imágenes en lote.

  • Pocket
    Guarda fácilmente artículos, videos, etc. para verlos más tarde. Con Pocket, todo tu contenido se reúne en un solo lugar para que puedas verlo en cualquier momento desde cualquier dispositivo. Ni siquiera necesitas conexión a red.

  • tampermonkey
    Administrador de scripts de usuario: el administrador de scripts Tampermonkey para Chrome.
    Para añadir tus funciones personalizadas, ve ahttps://greasyfork.org/zh-CN/Buscar

  • Asistente de compras Huihui
    Extensión imprescindible para los adictos a las compras. Mientras navegas por productos en compras en línea, compara automáticamente los precios del mismo artículo en otras tiendas de comercio electrónico de calidad y ofrece el historial de precios del producto, ayudándote a encontrar el mejor precio. ¡Compra con inteligencia y sin salir perdiendo!

  • Google Traductor
    Adecuado para estudiantes de idiomas: selecciona lo que no entiendas, ¡así de fácil~

  • rikaikun
    Puede mostrar los kanjis japoneses de las páginas web con hiragana y romaji. Adecuado para estudiantes de japonés.

Mis dos extensiones favoritas de Chrome son Evernote y Pocket.
La primera te permite tomar notas con gran detalle; la segunda es un potente marcador en línea. Aunque la primera también tiene función de marcadores, para usuarios no pagos hay un límite de 60 MB mensuales de tráfico. Si las páginas que quieres guardar tienen muchas imágenes, quizá no alcance, así que elegí Pocket para guardar todas las páginas que me gustan. Es fácil de buscar. Usarlas juntas es una maravilla y también aumenta la eficiencia en el estudio y el trabajo.


Estando dentro del Gran Cortafuegos, quizá muchos no se acostumbren a este navegador extranjero. Hay muchísimos navegadores "adaptados" a los hábitos de uso de los chinos, como el navegador 360 Speed/Seguro, Maxthon, Sogou, Cheetah, e incluso el conocido Opera, todos son navegadores "con carcasa" basados en Chromium (la versión de código abierto de Chrome). Gracias al código abierto, es fácil que surjan muchas versiones de terceros, y las extensiones de Chrome también les funcionan básicamente (a menos que estén tan cambiadas que pierdan su forma original ←_←).

A continuación se presentan algunas configuraciones de optimización personalizada de Chrome.

Por ejemplo, a mí me gusta forzar que la fuente mostrada por el navegador sea la fuente Noto de Google; para eso puedes usar la extensión Stylish presentada antes y personalizar el CSS.

*:not([class*="icon"]):not([class*="mui-amount"]):not([class*="chaoshi"]):not([class*="top-nav"]):not([href*="ju.taobao.com"]):not([class*="Icon"]):not([class*="prev"]):not([class*="next"]):not([class*="pay-"]):not([class*="tm-shop-list-"]):not(b):not(ins):not(i):not(s){font-family:"Noto Sans CJK SC Regular"!important;}

O hacer que desaparezca el subrayado de los enlaces de texto.

* {text-decoration:none!important;}

O personalizar el estilo de la barra de desplazamiento del navegador.Enlaces de referencia*Es posible que esta función se elimine en las versiones nuevas de Chrome.

::-webkit-scrollbar{
width:3px;
height:6px;
background-color:#fff;
}
::-webkit-scrollbar:hover{
background-color:#eee;
}
::-webkit-scrollbar-thumb{
min-height:5px;
min-width:5px;
-webkit-border-radius:20px;border:1px solid#888;
::-webkit-border-radius:1px;
background-color: #AAA;
}
::-webkit-scrollbar-thumb:hover{
min-height:4px;
min-width:4px;
-webkit-border-radius:20px;border:1px solid#444;
background-color: #AAA;
}
::-webkit-scrollbar-thumb:active{
-webkit-border-radius:20px;border:1px solid#444;
background-color: #AAA;
}

Puedes obtener más estilos CSS enhttps://userstyles.orgObtener

Chrome en sí tiene muchas funciones potentes. A continuación se recomiendan algunos ajustes ocultos de uso común.
Tampoco soy un profesional del front-end, así que presentaré brevemente algunas herramientas comunes.
Las herramientas de desarrollador integradas heredan algunas funciones de WebKit.

El botón con el icono de teléfono en la esquina superior izquierda es el simulador de las herramientas de desarrollador. Puedes cambiar ajustes como el UA para simular la compatibilidad web de los dispositivos móviles.

En la parte inferior también hay más ajustes del simulador.

Las herramientas de desarrollador también tienen una función común de inspección de elementos de la página.
Puedes usar esta función para encontrar elementos que quieras dentro de la página, como imágenes, audio o video que estén prohibidos de guardar, etc.

También puedes conocer el estado de carga de los elementos en la página.

Si el contenido o las funciones de la página no se muestran correctamente, puedes intentar borrar las cookies (este archivo registra cierta información del usuario, aquí censurada (//∇//)) o el caché de la página.

Con las herramientas de desarrollador abiertas, para limpiar el caché de la página puedes mantener presionado el botón de actualizar en la esquina superior izquierda; aparecerá el menú de opciones de limpieza.

Además, manteniendo presionado el botón de retroceder, puedes elegir páginas que hayas abierto antes (esto no requiere abrir las herramientas de desarrollador).

A continuación se presentan algunos ajustes ocultos de depuración de Chrome.
En la barra de direcciones abrechrome://flags
PulsaCtrl+FOCommand+FBúsqueda dentro de la páginaquic
Habilita el protocolo experimental QUIC y SPDY/4 (estándar HTTP/2). Puede acelerar el acceso a esos sitios web que no existen. Tú sabes~

Para usuarios que no sean de Mac, se recomienda activar las barras de desplazamiento superpuestas.
Una vez activado, las barras de desplazamiento de la página desaparecerán y solo aparecerán gradualmente cuando te desplaces por la página.

Para usuarios que no sean de Windows, se recomienda encarecidamente desactivar el complemento Flash para garantizar la fluidez y estabilidad del navegador _(:з」∠),
Abrirchrome://pluginsEncuentra el complemento Adobe Flash Player y desactívalo.

Y cambia al reproductor HTML5.http://zythum.sinaapp.com/youkuhtml5playerbookmark/

O añade un marcador.

javascript:(function(){var l = document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.css');document.body.appendChild(l);var s = document.createElement('script');s.setAttribute('src','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.js');document.body.appendChild(s);})();

Abre la página que contiene el video, haz clic en el marcador y podrás usar el reproductor HTML5.
No pidas demasiado en cuanto a calidad de imagen; los sitios de video domésticos son todos de la misma calaña. Ese sitio de video extranjero que no existe ya ha abandonado el maldito Flash Player y se ha pasado completamente a HTML5, con una definición de video de hasta 4K._(:з」∠)/ El 1080p doméstico exige comprar membresía. Si no compras membresía, tienes que ver obedientemente 60 segundos de anuncios. Si es un video corto de más de diez segundos, también tienes que ver 60 segundos de anuncios primero. Si la carga del anuncio se atasca, lo siento, ¡actualiza la página y mira otros 60 segundos de anuncios! Es para volverse loco←←

Si necesitas forzar HTTPS en algunos sitios web que no existen, puedes instalarHTTPS Everywhereesta extensión.

También puedeschrome://net-internals/#hstsconfigurar una lista de sitios web allí

Por ejemplo, añade Wikipediahttps://wikipedia.org/y todos los subdominios (recuerda marcar las dos opciones sobre subdominios) a la lista HSTS

Entonces, al abrir la página, se forzará la conexión cifrada HTTPS

Abrechrome://chrome-urls/Puedes encontrar muchas entradas de configuración ocultas
Id explorando poco a poco, jóvenes~

Una línea de código también puede convertir el navegador Chrome en un editor de texto temporal (deBole Online

data:text/html, <html contenteditable>

Esto utiliza el formato de URI de datos (Data URI's format) y le dice al navegador que renderice HTML. Sin embargo, contenteditable es un nuevo atributo global de HTML5, así que este truco solo funciona en navegadores modernos que lo soporten.
Además de copiar y pegar texto, también se pueden pegar imágenes.

El maestro jakeonrails luego lo modificó para soportar resaltado de código. Referencia:https://gist.github.com/jakeonrails/4666256

data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/python");</script>

El consejo dice: si cambias ace/mode/python de arriba por ace/mode/ruby, obtendrás un editor en versión Ruby. El resto de lenguajes se deduce de la misma manera.

Para modificarlo y que soporte resaltado de sintaxis de otros lenguajes, puedes reemplazar ace/mode/ruby por:

Python -> ace/mode/python
C/C++ -> ace/mode/c_cpp
Javscript -> ace/mode/javascript
Java -> ace/mode/java
Scala -> ace/mode/scala
Markdown -> ace/mode/markdown
CoffeeScript -> ace/mode/coffee
Otros...

jakeonrails usa el estilo monokai para el resaltado de sintaxis.
Si necesitas cambiarlo a otro estilo, puedes reemplazar ace/theme/monokai por:

Eclipse -> ace/theme/eclipse
TextMate -> ace/theme/textmate
Otros...

Para los perezosos que no quieren copiar y pegar el código, pueden hacer clic directamente en estos enlaces:

Editor Ruby 、Editor Python、Editor PHP 、Editor Javascript 、Editor Java 、Editor C/C++(También puedes guardar estos enlaces como marcadores del navegador).



Acerca de los atajos de teclado de Chrome, consulta:Documentación oficialyZhihu

  • ¿Quieres guardar una página web como PDF? Pulsa la combinación Ctrl+P, luego en la página de impresión mostrada cambia la impresora de destino a "Guardar como PDF" y finalmente pulsa Guardar. Listo, con mucho estilo.
  • Ctrl+Shift+N abre el modo incógnito. Tu historial de navegación y cookies no se conservarán. Disfruta.
  • ¿Sufres porque Chrome tiene demasiadas páginas abiertas y va muy lento? Solo pulsa Shift+Esc para abrir el administrador de tareas, cierra lo que quieras y ya no necesitarás pulsar Ctrl+W una por una.
  • La combinación Ctrl+Shift+T sirve para restaurar páginas cerradas por accidente.
  • Alt+Home te devuelve rápidamente a tu página de inicio configurada.
  • Ctrl+H para ver rápidamente el historial.
  • Ctrl+J para ver rápidamente las descargas.
  • ¿Quieres seleccionar rápidamente la barra de direcciones? Pulsa F6, que equivale a Ctrl+L, y también a Alt+D.
  • ¿Quieres borrar rápidamente tu historial de navegación? Solo mantén pulsadas las teclas Ctrl+Shift+Supr para borrarlo.
  • Ctrl+Tab cambia de pestaña de izquierda a derecha; Ctrl+Shift+Tab cambia de derecha a izquierda.
  • Ctrl+1 sirve para ir rápidamente a la primera pestaña (la más a la izquierda), y Ctrl+9 a la pestaña más a la derecha.
  • ¿Quieres leer novelas pero te quejas de que la pantalla es muy pequeña? Pulsa F11 y disfruta al instante del placer de la pantalla completa.

¿No tienes lector de PDF? No importa, simplemente arrastra el archivo PDF a la ventana de Chrome y podrás verlo.

Las pestañas importantes se pueden fijar para evitar cerrarlas por error.

Más trucos ingeniosos sobre Chrome te esperan para que los descubras.


Este blog emplea lalicencia Atribución-CompartirIgual 4.0para su licenciamiento.

This site is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.