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

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

Устаревшая версия за 10.07.2017. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==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'});
});