vbird-linux-prettify-only-for-Firefox-for-Android

美化《鸟哥的Linux私房菜》网站:用等宽字体显示所有代码;隐藏部分页面元素;

Versión del día 10/7/2017. Echa un vistazo a la versión más reciente.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name         vbird-linux-prettify-only-for-Firefox-for-Android
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  美化《鸟哥的Linux私房菜》网站:用等宽字体显示所有代码;隐藏部分页面元素;
// @author       Yang Li
// @match        http://linux.vbird.org/*
// @require      https://code.jquery.com/jquery-3.2.1.slim.min.js
// @grant        none
// ==/UserScript==

$(document).ready(function(){
    // v0.1
    // v0.2
    //      1. 通过添加class来添加新的css规则,避免.attr()覆盖原有的font以外的规则(比如下划线)
    // v0.3
    //      1. 脚本更名:从 vbird-linux-monospaced-code 改为 vbird-linux-prettify
    //      2. 删除顶部和底部banner、左侧前一页按钮、右侧后一页按钮、左上方导航窗口、页面修订历史
    //      3. 浏览器窗口宽度改变时,正文区域随之调整
    //      4. 把正文区域放置在页面正中
    //      5. 调整最底部三个导航按钮的位置
    // v0.4
    //      1. 让代码区域根据正文区域调整宽度
    //      2. 浏览器窗口变窄时,图片宽度相应缩小;统一设置图片边框
    //      3. 例题区域根据浏览器窗口宽度调整
    //      4. 例题代码使用紫色等宽字体
    //      5. 重点强调语句(蓝色)使用橙色等宽字体
    //      6. 重点强调语句偶数行使用浅蓝色字体,避免视觉疲劳
    //      7. 增加文末习题答案可见度
    // v0.5
    //      1. 代码按照作用对象分组,便于维护
    //      2. 更改重点强调语句的颜色
    //      3. 图片宽度默认缩放到正文区域的80%,避免在手机上被缩放到较小尺寸
    //      4. 增大代码块宽度、显示字号,避免手机上代码字号太小
    

    // 网页整体结构
    $('.toparea, .bottomarea, .leftarea, .rightarea, .nav, .mainarea > div:nth-last-child(3)').remove();
    $('.tablearea').css({'min-width':'400px','max-width':'1000px','width':'90%'});
    $('.mainarea').css({'width':'100%','position':'static','float':'none'});
    $('.mainarea > div:last-child').css('margin-top','20px');
    
    // 代码块
    $('<style> .monospaced_code {font: 16px monospace !important; line-height: 1.4 !important;} </style>').appendTo('head');
    $('table.term td *').addClass('monospaced_code');
    $('table.term').css({'display':'block','overflow':'auto','width':'98%'});
    $('pre').css({'width':'100%'});
    
    // 表格
    // $('table.news *').css('cssText','font: 16px serif !important;');

    // 图片
    $('div > img').css({'max-width':'100%','width':'80%','border':'2px dotted #c0c'});

    // 重点强调语句
    $('.text_import2').css({'font':'16px monospace','color':'#e60'});
    $('ul.text_import2 > li:nth-child(even)').css('color','#3DC2AC');

    // 例题
    $('table.exam').css({'display':'block','overflow':'auto','border':'2px dotted #c0c'});
    $('table.exam blockquote').css({'font':'14px monospace','color':'#c0c'});

    // 本章习题
    $('.blockex').css({'color':'#eee','font':'14px monospace'});
});