@2018/11/29
使用背景
自从开始使用高分屏的 thinkpad,我总觉得那些经常光顾的网站字体太小,看起来既费劲又容易睡觉,因此就想着把它们调大一点。
为了从系统层面解决这一问题,我加大了系统的整体字号:
做了以上设置,打开资源管理器以及安装的软件,字体都要大一些,看起来能够适应了。但是浏览器打开的网站,他们都有各自的字号,还是有些偏小。尤其是 github。所以我还得折腾一下浏览器。
一般情况下,调整浏览器默认字体大小,我们可以在设置里面修改字体,或者按住Ctrl+鼠标滚轮
临时放大浏览器页面就可以了。但是也有一些问题:
- 设置修改的是全局字体,字体过大,一些网站的导航栏会显示异常,比如字体显示一半或者不能正常显示
- 放大页面,页面布局会发生变化,有时候甚至扭曲变形
所以后来我就想到了用 F12 直接来修改字号,但是每次都这么改必然很蛋疼,有没有脚本啥的?有!
Tampermonkey 就是专门做这个事情的。
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。
Greasy Fork 是一个免费的脚本商城,它的脚本可以直接在 Tampermonkey 中安装和使用。
下面就是我常用的一些脚本,包括别人提交到 Greasy Fork 的在线脚本,以及我自己临摹的的一些 js 代码(只能在本地添加使用)。
这些脚本的大部分目的都是为了修改页面宽度、字体大小,以及屏蔽一些广告。
我不懂 JavaScript,其中的自有脚本是使用过程中用 F12 一步一步积累出来的,肯定写得不好,欢迎指正。
有行家能帮我合并这些分散的脚本到一个脚本了么?求指点。
现成脚本
Bypass Google Sorry (reCAPTCHA)
Direct download from Google Play
自有脚本
修改有道云笔记分享页面宽度
为了方便在其它地方安装,这个脚本我提交到了 Greasy Fork。
地址:修改有道云笔记分享页面宽度
// ==UserScript==
// @name 修改有道云笔记分享页面宽度
// @namespace http://tampermonkey.net/
// @version 0.2
// @description 修改有道云笔记分享页面宽度,以便更加适合阅读。
// @author High Jiang
// @match *://note.youdao.com/share/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.file{ min-width: 256px; max-width: 1080px; width: 100%; padding-left: 0px; padding-right: 0px;} .file-name-container{ padding-left: 5%;}';
document.head.appendChild(style);
})();
Better github read
为了方便在其它地方安装,这个脚本我提交到了 Greasy Fork。
地址:Better github read
// ==UserScript==
// @name Better github read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整Github页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match https://github.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.markdown-body{ font-size: 1.4em } .repository-content{ min-width: 256px; max-width: 1080px; width: 100% } .discussion-timeline{ min-width: 256px; max-width: 1080px; width: 100%; } .container{max-width: 1080px; width: 100%;}';
document.head.appendChild(style);
//.timeline-new-comment{max-width: 1080px; width: 100%;}
var items = document.querySelectorAll('#wiki-content, #discussion_bucket');
for (var i = 0; i < items.length; i++) {
items[i].style.width = "1320px";
}
})();
Better CSDN read
// ==UserScript==
// @name Better CSDN read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match *://blog.csdn.net/*
// @run-at document-end
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.recommend-right{ visibility: hidden; } .fourth_column{ visibility: hidden; } .recommend-box{ visibility: hidden; }'
document.head.appendChild(style);
document.getElementById("asideFooter").remove();
document.getElementById("dmp_ad_58").remove();
})();
Better gopl read
// ==UserScript==
// @name Better gopl read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整 Gopl 页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match *://b.ykfq.me/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.page-inner{ max-width: 1080px; width: 100%; font-size: 16px}';
document.head.appendChild(style);
})();
Better zhihu Read
// ==UserScript==
// @name Better zhihu Read
// @namespace https://www.zhihu.com
// @version 0.1
// @description 去掉知乎问题页侧边栏并进行界面居中优化
// @author High Jiang
// @match *://www.zhihu.com/question/*
// @run-at document-start
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML =".Question-mainColumn { max-width: 1080px; width: 100%; padding-bottom: 20px;} .Question-sideColumn{width: 0}"
document.head.appendChild(style);
})();
Better medium read
// ==UserScript==
// @name Better medium read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整 Medium 页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match https://medium.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.postArticle--full .sectionLayout--insetColumn{ max-width: 1080px; width: 100%; font-size: 16px}';
document.head.appendChild(style);
document.getElementsByClassName("u-marginAuto u-maxWidth1000 js-postLeftSidebar")[0].remove()
})();
Better jobbole read
// ==UserScript==
// @name Better jobbole read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整 伯乐在线 页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match *://*.jobbole.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.container .grid-8 .container{ max-width: 940px; width: 100% } .grid-8{ max-width: 940px; width: 100% } .grid-4{ max-width: 450px; width: 100% }'
document.head.appendChild(style);
//document.getElementsByClassName("u-marginAuto u-maxWidth1000 js-postLeftSidebar")[0].remove()
})();
Better Ceph read
// ==UserScript==
// @name Better Ceph read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match *://docs.ceph.com/*
// @match *://docs.ceph.org.cn/*
// @run-at document-end
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.document{ font-size: 17px; }'
document.head.appendChild(style);
document.getElementById("asideFooter").remove();
})();
Better prometheus read
// ==UserScript==
// @name Better prometheus read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整Github页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match https://prometheus.io/docs/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.container{max-width: 1320px; width: 100%; } .col-md-9{width: 80%;} .col-md-3{ width: 20%; } .doc-content{ font-size: 18px;} .toc-right{ width: 30%; } '
document.head.appendChild(style);
})();
Better OpenStack read
// ==UserScript==
// @name Better OpenStack read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整 OpenStack 文档中心页面宽度及字体大小,以更加适合阅读。
// @author High Jiang
// @match https://docs.openstack.org/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
document.getElementsByClassName("container docs-book-wrapper")[0].style= "width: 1366px; font-size: 18px"
})();
Better jianshu read
// ==UserScript==
// @name Better jianshu read
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 调整 伯乐在线 页面宽度及字体大小,以便更加适合阅读。
// @author High Jiang
// @match https://www.jianshu.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var style = document.createElement('style');
style.innerHTML = '.note .post{ max-width: 960px; width: 100% }'
document.head.appendChild(style);
document.getElementById("web-note-ad-fixed").remove()
})();
Better StackOverflow read
没搞定,欢迎补充。