要让浏览器更好用,自然离不开全能。 它利用脚本实现去除广告、绕过二次跳转、自动翻页、悬停查看图片、拾取下载链接等功能。 虽然AC-baidu等脚本自带了修改页面样式的功能,
但因为是1对1的,所以不可能改变所有网站的外观。 这时候就必须使用另一个插件“Stylus”,它可以让大部分网页看起来整洁(赶上时代)。
▌使用手写笔
插件可以直接从Chrome浏览器插件商店安装,也可以直接从Internet下载。
下一页将列出网页上所有可用的样式供您选择,包括来源链接、发布日期、本周/所有下载数据等。
已安装的样式可以在底部打开或关闭,也可以组合使用(可能会有bug冲突),例如:
此步骤可能需要梯子,否则可能无法加载...您也可以从 Stylish 的网站 userstyles.org 下载并安装它。
点击【选项】进入设置界面。 它支持Dropbox、GoogleDrive和Onedrive云同步功能。 可以在其他笔记本上一键同步,无需一一自动重新添加。
百度:BaiduLite 百度轻
微软:GoogleSearch-MaterialDesign
如果您碰巧了解一点 CSS,您可以自定义和更改任何样式,也可以从头开始自己制作。
▌什么是CSS(层叠样式表)?
Stylus的原理并不复杂。 它通过CSS层叠样式表来改变网页的样式。 字体、背景、边框、网页布局都在它的控制之下。 就像整容手术一样,换眼睛、调整耳朵等等,依然天衣无缝。 疼痛。
CSS很复杂,而Stylus简单易用,没有学习成本,所以这部分只是简单的扩展:
那么它是如何诞生的呢? 这要追溯到1993年,早期网页使用的是RRP样式,只支持一种样式表,并且只能显示文字。 查看网页的体验可能不如阅读报纸丰富。 我们之前提到过Mosaic浏览器。
它开始使用HTML标签来表达样式,并支持书签、图标按钮、图片显示等革命性的功能,这些功能至今仍在使用。 Netscape最先支持HTML框架显示,这是最简单的表格布局。
内外行距可调节,使网页浏览更舒适。 优点是兼容性高,但既要对图文内容负责,又要对布局风格负责,注定不够美观。
魏培源开发的ViolaWWW浏览器使用了分层嵌套的样式表,并且是第一个支持使用标签引用外部样式表的浏览器(可以简单地理解为:你聘请了一个艺术家来帮助你改进它)。 但每个浏览器都使用自己的版本,不是很乱吗? 1994年,以万维网之父老李为首的W3C万维网联盟开始提供网络标准化建议。
同年,Håkon W Lie 提出了级联 HTML 样式表(CHSS)来支持用户定义的样式。 网页作者可以DIY自己的布局,不同的规则以不同的比例呈现。 这也是CSS的雏形。 街对面的 Persia 正在开发一款 Argo 浏览器。 两人聊得很开心,并打算合作。
1996年底,出现了一种类似于CSS句型的性能规范语言,PSL96,它可以根据不同的浏览器信息手动确定使用哪些样式。 年底CSS已经完成,支持字体大小、字体样式、颜色、间距、排列、表格、边框、id、类等的改变。如果一个普通的网页就像你刚买的毛坯房,那么CSS就是你的家居装饰了。 。
然而html好看的字体样式,由于早期网页设计者对HTML的误用,导致了“tagsoup”问题。 即使 Google 逐渐在 IE 上实现 CSS,仍然存在很多 bug(
果然,这个BUG就是Google祖传的BUFF)。
竞争对手Netscape推出了JS(JavaScript)语言。 浏览器之战没有赢家。 当时的网页设计师被迫分别为IE和Netscape设计一套网页,都秃了……
于是非政府组织WaSP(Web Standards Project)发起了一支巨魔大军来推动W3C标准化,并愤怒地批评了这些不加入的厂商。 1998年CSS2发布时,他们的七位主要成员成立了CSS Samurai,以敦促制造商改善对CSS的支持。 Opera 这样做了,但 Google 却无动于衷。
也许是因为你没有看到CSS的优点,认为没有必要,但在2003年html好看的字体样式,Dave Shea推出了CSS ZenGarden来展示样式的功效,这是建造一个让设计师兴奋的“样板房”。 上。
2006年到2009年间,DIV+CSS布局开始取代传统的表格布局。 CSS3引入了简单的动画等功能,插入了JS,以及灵活的flex布局,一直继承至今。 2011年设计的CSS4的特性目前支持还太少。
▌其他浏览器
你为什么不直接使用时尚呢? 自从三年前原作者借给SimilarWeb后,它涉嫌窃取用户的浏览历史,被Chrome和Firefox下架。 Stylus是Stylish1.5.2的开发分支,也是原作者维护的最后一个版本。 作为GH上的开源项目,代码经过公开审核,可以安心食用。
不仅Chrome,Firefox和Opera也支持它。 您可以使用 FreeStyler for Safari(您也想说唱吗?),类似的插件包括 xStyle。 其实因为win的字体渲染不太美观,所以配合MacType也可以使用。 后面我们会继续讲它的配置方法。
▼
或者欣赏一下
上一期见!
sspai.com/post/45537
zhihu.com/search?type=content&q=css
zhihu.com/question/24826065/answer/194294438
zh.wikipedia.org/wiki/层叠样式表?oldformat=true