欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

利用 Chrome 扩展 Stylebot 更改网站的外观

程序员文章站 2022-05-17 20:26:36
...
谈到修改网站的外观,首选的服务往往是 userscripts.orguserstyles.org。这些网站上有成千上万种不同的脚本与样式,但只有当这些网站碰巧有你需要的脚本或样式时才显得有用,而且即使想美化的是热门网站,你也可能会碰到空手而归的情况。

这时只能请 Stylebot扩展 来帮忙了。Stylebot是Chrome的一款扩展,作用是用户可自定义任何喜欢的网页样式。Stylebot 为网页外观调整提供了基本和高级两种编辑模式。在浏览器中安装该扩展以后,Chrome 的地址栏会显示新的 CSS 图标。点击即可在侧边浮层显示基本编辑器。接下来你就可以选择页面中的元素进行修改或移除操作了。

利用 Chrome 扩展 Stylebot 更改网站的外观

用户通过菜单可以对网页的文字、颜色、背景、边框、版式以及可见性进行修改,如更改文字粗细或样式,页面或页面元素的背景颜色,或是隐藏页面元素使之永不再出现等。点击“高级”选项可打开高级编辑器,在这里可以手动添加代码来选择页面元素。显然,用户需要具备一定的 CSS 基础。这里的第三个选项可使用户直接编辑当前页面的 CSS。

但是请注意,通过该扩展对页面做出的所有变动都是永久性的,不过用户可以通过侧边栏菜单中的“重置”按钮恢复页面的原始样式。

利用 Chrome 扩展 Stylebot 更改网站的外观

Chrome 扩展的开发者们还建立了一个可以让用户分享所制作样式的网站,其中收录了包括*、Gmail、Yahoo Mail 以及 Facebook 等网站的美化样式。只要你的 Chrome 浏览器已经安装了 Stylebot 扩展,就可以在线一键安装这些样式了。