sts可以安装stylus插件吗_给网页换个装:网页界面定制插件stylus使用初探

a6d29c783b344788f7ef2e8a937ff24e.png

1 什么是stylus

1.1 stylus简介

Stylus 是一个调整网页外观的用户样式管理器,它可让您轻松地为许多热门网站网站安装主题和皮肤。

该插件能将他人提供的网页样式或自己编写的样式安装在网页中,在不改变网页整体布局的情况下将其变成使用者需要的样子。在安装了该插件后,使用者可以在插件提供的网站上下载其他网站的样式进行安装,也可以自己编写一些样式代码来调整网页,若是这些样式在安装后出现了一些问题,还可以直接通过插件的选项窗口来管理或一键禁用这些样式。

(1) Styl“us”和Styl“ish”的关系

请注意我们的扩展名称是 Styl“us”而不是 Styl“ish”,在知名扩展 Stylish 停止开发后(后续接手者并非原作者),我们在它的分支 1.5.2 版本基础上开发了 Stylus。Stylus 重写并优化了大部分的代码以提高性能。

相较于 Stylish 只是它新团队的私有软件,Stylus 为人民所创,为人民服务。Chrome 版的 Stylish 默认开启了隐私分析记录,它的界面也非常的简陋,对于中高端用户来说,使用 Stylish 创建和编写 CSS 样式,非常的麻烦。

创建 Stylus 的主要目标是删除所有分析功能,并回到更加用户友好的用户界面。它还添加了其他重要的新功能,比如备份功能,以及直观、可定制的样式自动更新功能。

(2)相关链接

源代码主页: https://github.com/openstyles/stylus

常见问题: http://add0n.com/stylus.html

Stylus 使用教程: https://www.youtube.com/watch?v=fCVvGwoF5cQ

反馈 Stylus bug 及开发者讨论: https://github.com/openstyles/stylus/issues

一般讨论和问题报告: http://add0n.com/stylus.html#reviews

帮助我们翻译: https://www.transifex.com/github-7/Stylus/dashboard/

(3) 隐私政策

我们不会像某些扩展一样偷窥用户的隐私。我们也不是有关部门,所以对你的任何浏览记录以及相关资料,我们既不感兴趣,也不会收集。

参考:

[1]https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

1.2 stylus安装

chrome应用商店搜索stylus进行安装。

acb0dfb2f298d8d223b12a5502a5123c.png

stylus安装

2 使用方法

step1:安装完成后,Chrome浏览器右上角会出现一个有“S”字母的图标。

49d7795c5f2d72a08baeac971f9f4937.png

stylus图标

step2:stylish设置。

右击图标,点击“选项”,即可进入stylish设置界面。大多是对插件外观进行设置(颜色、边框等),没有什么必要的设置,此处略去,按需自取。

c9cae02b3eb7838dfddde79cd40e3582.png

stylish设置界面

step3:安装样式。

访问一个网站(以百度为例),点击该图标,点击“查找更多样式”,即出现样式列表。在列表中选择一个样式,点击即可进行安装;

3a3cb3030480a6f77ad7fa1a69b7da46.png

安装样式

step4:样式更改前后对比。

87e67227aa2dc26d4535dd11d1420017.png

原生百度

f52dd2846830a5d841c00920e675ee50.png

更改样式后的百度

step5:自行修改样式。

点击“管理样式”,在“已安装的样式”列表中找到需要更改的样式,点击打开,即可在代码区按需修改样式,实现高度定制化。当然,也可完全重新编写自己的样式。

d08a2491720735d682deb1ad6ed639c0.png

自定义样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值