¿Puedo cambiar el tamaño o la fuente en la sección fuente de la página de visualización desde un navegador?

Question

Hay un pequeño problema que podría molestarme de vez en cuando (no sé si hay otras personas que sienten lo mismo). Cada vez que uso la fuente de la página de visualización desde cualquier navegador, el texto siempre resulta feo y pequeño (la resolución de mi computadora es 1920x1080 con 17 pulgadas en particular, lo que hace que la letra sea extremadamente pequeña y difícil de ver). ¿Hay alguna manera de cambiar la fuente y el tamaño en la sección fuente de la página de vista desde cualquier navegador? (Chrome, por ejemplo)

Sé que podría hacer un acercamiento de la página mediante el desplazamiento del mouse o mediante "ctrl" + "+", pero esa no es la manera en que realmente quiero resolverlo.

Gracias

Answer 1

podría asignar su editor favorito para ver la fuente de la IE y Firefox.

View Webpage Source Code in Your Favorite Text Editor – Firefox

Use an Alternate Source Viewer with IE

Answer 2

A partir de Chrome 32.0.1700.76 la custom.css no funciona como se indica a continuación.

favor ver una respuesta actualizada aquí: Custom.css has stopped working in 32.0.1700.76 m Google Chrome update

La forma más antigua es la siguiente:

Ir al siguiente directorio:

%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\ 

Mac:

~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css 

y abra el archivo Custom.css. Si no existe, crea uno.

añadir las siguientes líneas:

body.platform-windows .monospace, 
body.platform-windows .source-code, 
td.webkit-line-content { 
    font-size: 15px !important; 
    font-family: Consolas, Lucida Console, monospace !important; 
    tab-size: 2; 
} 

Todo lo que estamos haciendo es la personalización de clases utilizadas internamente por cromo. La clase .monospace es bastante evidente. La clase .source-code afecta los elementos en sus herramientas de desarrollador (F12). El que está buscando es el td.webkit-line-content, es el que aplica estilo a las líneas de pedido cuando elige View page source.

También puede editar los números de línea agregando estilos para td.webkit-line-number y también puede editar el fondo del número de línea ajustando el estilo para div.webkit-line-gutter-backdrop.

Saludos.

Answer 3

Como dijo Jeff Johnson - para Mac es la hoja de estilos en:

~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css 

Answer 4

en la plataforma Linux (Ubuntu) el archivo en la carpeta custom.css es:

~/.config/google-chrome/Profile #/User Stylesheets/Custom.css