您当前的位置:首页 > 计算机 > 软件应用 > 浏览器应用

Stylish 给网页一键换肤去 AD

时间:12-14来源:作者:点击数:

一、什么是 Stylish ?

先看效果图,Stylish 把百度首页变成了这样子

Stylish 是一款浏览器插件,目前适用于 Chrome 、Safari 、Firefox 、Opera 等主流浏览器。Stylish的原理是通过替换网页本身的 CSS 样式来达到网页美化的效果。

Stylish 官网(link:https://userstyles.org/styles/browse)上有非常非常多的样式供用户下载,不仅能让百度、新浪微博变得极简、讨人喜欢,还能给新浪网、腾讯网、Google 、YouTube 、Facebook 、Wikipedia 等主流网站**「换肤」**。不仅如此,如果你有前端基础,懂得 CSS 知识,还可以自定义样式,做一个属于自己的网页效果,也可以在已有样式的基础上进行修改完善。

二、安装使用 Stylish 插件

下面我将以 Chrome 浏览器为例子,其他浏览器的使用方法大同小异,不太浏览器效果也可能略有不同。

下载安装插件:利用科学上网去 Chrome 插件官网(link:https://chrome.google.com/webstore/category/extensions?hl=zh-CN) 下载安装;亦可去 插件网(link:http://www.cnplugins.com/devtool/stylish/)(不用翻墙)下载,里面有具体的安装方法。

在浏览器扩展程序页面启用 Stylish 插件后,前往 Stylish 官网(link:https://userstyles.org/styles/browse)下载模板。

可以对已安装模板进行修改禁用删除更新等。

快捷启用、禁用、修改样式。

三、常用模板好荐

绝对干净的百度:百度轻(link:https://userstyles.org/styles/123858/baidu-lite)

我用上 Stylish 后不再吐槽搜索界面丑、乱、广告多了,甚至有点喜欢了。

这套模板目前版本有一点点小瑕疵:“ 默认用户名颜色值为白色 ”。看着不顺眼,于是我改成了黑色,效果如上图。(我有强迫症,你可以不修改 ,哈哈)

简洁的新浪微博:weibo_v6(link:https://userstyles.org/styles/106272/weibo-v6)

原来网页版微博也可以这么好看,全新布局,去广告,设计源自 微博急简 WC。效果特赞,我最喜欢的样式,没有之一。

知乎:Flat_Zhihu v2.4.13(link:https://userstyles.org/styles/108011/flat-zhihu-v2-4-13)

字体大小、排版稍微调整,更合理,更好看。

淘宝首页:Taobao clean(link:https://userstyles.org/styles/129300/taobao-clean-1-5-2)

我只想安安静静地搜索,

但是纯白色的背景,总觉得缺点什么……

贴吧:TieBa - Maverick(link:https://userstyles.org/styles/124770/tieba-maverick)

更现代化的贴吧页、隐藏广告和无用功能。

谷歌搜搜索结果页面:Google Material(link:https://userstyles.org/styles/109717/google-material)

效果赞,看起来舒服,基于 Dribbble 设计师 Aurélien Salomon(link:https://dribbble.com/aureliensalomon) 的设计图。

网页暗黑模式:Dark is better for my eyes(link:https://userstyles.org/styles/143766/dark-is-better-for-my-eyes-global-web-v1-12)

黑色的背景,搭配淡蓝色字体,理论上适用于所有的网站,但它不会影响浏览器的菜单。

还有很多很多,可以去 Stylish 官网(link:https://userstyles.org/styles/browse)下载更多好看的模板。亦可以自己 DIY !

四、写在最后

无论你是一个小白,还是略懂 CSS 层叠样式,或是资深前端大神,Stylish 都能满足大部分用户的需求。去广告排版调整全新布局等功能,给你网页一个更好看的 “新皮肤”。

希望用户发现更多好模板,也鼓励各路大神去设计更多更好更精美的模板,供像我这样的小白选择与使用。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐