如何根据自己的喜好定制自己喜欢的网站

我们都有一些最喜欢的网站,即使它们并不完美。但是,您不必忍受这些缺陷,因为用户脚本和用户样式为您提供了定制任何东西的选项。下面我们来看看它们是如何工作的,如何使用它们,甚至如何开始自己制作。...

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

我们都有一些最喜欢的网站,即使它们并不完美。但是,您不必忍受这些缺陷,因为用户脚本和用户样式为您提供了定制任何东西的选项。下面我们来看看它们是如何工作的,如何使用它们,甚至如何开始自己**。

用户脚本(和用户样式)到底是什么?org将其称为“浏览器的电源”,但更具体地说,它们是用于更改、添加和更改给定站点功能的JavaScript片段。您可以将userscripts视为函数,将userstyles视为表单。我们来看看你需要安装什么来让你的浏览器工作,但是首先让我们看看你能做的一些酷的变化。

一些最好的预制网站定制

你可以对多个网站和webapp进行大量令人敬畏的功能和样式定制,但这里有一些非常好的选项可以增加很多。虽然还有很多其他的选择可以增强更小更具体的东西,但这些例子展示了巨大的可能性。

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

更好的Facebook为Facebook提供了一些增强功能,比如标签式新闻提要、高级提要过滤器、主题、评论跟踪、隐藏你读过的文章的功能,等等。它也是作为浏览器扩展提供给几乎所有web浏览器的脚本之一,因此您不需要安装任何特殊的东西就可以让它正常工作。

更好的Facebook

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

Google Reader for Snow Leopard 2采用了Google Reader不可怕但枯燥的外观,并对其进行了苹果风格的改进,使webapp更像Mac OS X桌面应用程序(或者更确切地说,是iTunes)。

为雪豹2获取谷歌阅读器

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

更好的亚马逊会定制亚马逊网站的产品页面,这样更方便用户使用。大多数产品页面上都有大量的信息

更好的亚马逊

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

Better Grooveshark从Grooveshark中删除广告,为当前播放的歌曲提供歌词,歌曲之间的交叉淡出,并为那些没有VIP帐户的用户添加Last.fm scrobbling。

更好的Grooveshark

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

blueyoutube(或者我称之为BlueTube)在YouTube上应用了一个光滑的深蓝色主题,这与通常的白色和红色是一个可喜的区别。当你在看一段视频时,通常你不希望周围有一堆空白。黑暗往往使事物看起来更好更丰富。这个主题会帮你解决这个问题。

获取蓝色YouTube

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

超级马里奥兄弟Tumblr将把你的Tumblr仪表盘变成一个8位的土地上的电源。这是一个没有额外功能的主题,但是你怎么能拒绝马里奥呢?

获得超级马里奥兄弟Tumblr

如果我想要更多呢?如果您想探索更多的选项,请务必查看Userscripts.org、Userstyles.org和我们的Userscripts标签页,以获得大量优秀的选项。

安装用户脚本和用户样式

你有几个网站你想自定义,但你如何应用这些自定义?虽然有些用户脚本和用户样式打包为浏览器扩展/附加组件,但是您可以使用适当的工具轻松地应用任何东西(如果您的浏览器还没有内置支持的话)。以下是您需要的:

  • Firefox:用户脚本的Greasemonkey和用户风格的Style(注意:许多用户样式都可以作为用户脚本安装,但是“时尚”使管理这些样式变得非常简单。)
  • Chrome:对用户脚本的支持内置在Chrome浏览器中,用户脚本将像浏览器扩展一样安装(尽管与Grea**onkey特定功能的兼容性有所不同),但是您仍然需要下载适合用户风格的时尚版。
  • Safari(以及其他基于WebKit的浏览器):GreaseKit将为用户脚本提供技巧。据说它还可以处理用户样式。
  • Opera:Userscripts可以像扩展一样安装(类似于googlechrome),但是如果您使用的是使用Greasemonkey特定功能的脚本,那么您需要检查Greasemonkey的兼容性。

此外,如果你正在创建特定站点的浏览器(SSB)应用程序与伟大的Mac应用程序流体你有userscript和userstyle支持已经内置,所以你不必做任何事情。

安装新的脚本会因浏览器而异,但安装它们所需做的基本上就是单击链接下载脚本。具有内置支持或userscript插件的浏览器将根据这些脚本的名称(something.user.js)识别它们并请求安装它们。一般来说,当你在网上找到一个“install script”按钮时,你会有一个“install script”按钮,但是如果你最终查看了源代码,你通常会收到一条消息或警报,通知你正在查看一个userscript,同时为你提供一个安装选项。

Userstyles的安装方式与此类似,但是如果您要安装自己创建的CSS文件(或者由于其他原因在硬盘上),则可以使用style手动安装它。您所要做的就是转到Style的设置,单击Add Style,然后选择要添加的脚本。

就这些。安装非常简单。

创建自己的用户脚本和用户样式

Image for article titled How to Customize Your Favorite Web Sites to Your Exact Preferences

如果现有的用户脚本和用户样式不太适合,您可以创建自己的。如果你知道JavaScript和/或CSS,实际上你可以做很多事情(当然,如果你不这样做,你可以从我们的夜校课程中学习JavaScript和CSS。)**用户脚本的过程有点多,超出了本文的范围,但这并不难。如果您想尝试一下,Greasemonkey Wiki提供了更多关于入门的信息。无论出于何种目的,您实际上只是在编写一个脚本来覆盖给定网页上的功能。如果你知道JavaScript,你应该不会有什么麻烦开始。

用户样式更简单,因为创建它们几乎不需要CSS的实用知识。创建用户样式涉及以下内容:

  1. 找到网站现有的CSS样式表并保存以供参考。
  2. 在样式表中找到要覆盖的样式,并将其更改为所需的样式。例如,如果样式表将body元素设置为字体大小为12px,并且您希望将其更改为14px,那么只需更改它。因为您正在重写现有样式,所以在大多数情况下需要添加!在你改变了元素之后很重要。
  3. 向保存的样式表中添加任何尚未定义的新样式(您不需要添加!对这些都很重要)。
  4. 使用“时尚”将此用户样式添加到给定网站。一旦你添加了它,只要重新加载网站,你应该看到你所做的样式更改。

只要你在过去曾经玩弄过CSS,创建你自己的用户风格应该是一件很容易的事情。

无论您是使用预制选项还是创建自己的选项,都可以通过一点JavaScript和CSS来完成相当多的定制。如果你做过任何很棒的用户脚本或用户样式,或者只是有个人最喜欢的,把它们放在评论里。

  • 发表于 2021-07-24 17:26
  • 阅读 ( 145 )
  • 分类:互联网

你可能感兴趣的文章

谷歌现在帮助你定制你的android

...是定制。虽然苹果喜欢随时掌控一切,但谷歌希望你能让自己的智能**成为自己的。 ...

  • 发布于 2021-03-15 07:53
  • 阅读 ( 93 )

5个facebook应用程序,用于查找事件、地点、音乐、食谱或有趣的帖子

...。但它一直向你推送的大量信息可能会让你不知所措。你如何从中筛选出宝石? ...

  • 发布于 2021-03-17 03:44
  • 阅读 ( 235 )

Cookie并不都是坏的:在浏览器上启用Cookie的6个理由

...不想在自己的服务器上存储不完整的事务,而是开始研究如何将信息存储在用户的计算机上。 ...

  • 发布于 2021-03-23 13:01
  • 阅读 ( 293 )

kodi的最佳皮肤(以及如何定制)

...的喜好定制。最棒的是,安装它们一点也不难。 相关:如何定制河口,柯迪的新默认皮肤 今年早些时候,Kodi推出了新的默认皮肤,这是一个令人惊讶的默认定制:你可以改变一切从配色方案是什么,是不是在主页上。我建议在...

  • 发布于 2021-04-07 18:17
  • 阅读 ( 100 )

如何定制更多选项的android“关机”菜单

...许您自定义电源菜单的视觉外观并添加更多选项。下面是如何设置它。 第一步:安装xposed框架 让我们从显而易见的事情开始:你需要为此扎根。虽然有一些调整,你可以使你的设备,而无根,这是不可避免的。请查看我们关...

  • 发布于 2021-04-09 08:21
  • 阅读 ( 136 )

在3d中查看和翻转firefox选项卡

...格中的位置。 选项 扩展有很多选项和设置,可以帮助您根据自己的喜好定制FoxTab。 结论 FoxTab为喜欢眼糖的人添加了一个视觉上令人愉悦的3D标签切换到Firefox,并且在浏览时也会有一点乐趣。 链接 下载FoxTab扩展(Mozilla附加组...

  • 发布于 2021-04-13 15:59
  • 阅读 ( 59 )

使用此网站可以根据共享的喜好与朋友或合作伙伴一起查找电影

...影匹配器的用武之地。下面是它的工作原理和使用方法。如何使用电影匹配器这里的想法是帮助你和一个朋友/伴侣/家庭成员/笔友一起选择一部你们都可能真正喜欢的电影,而不是让一个不喜欢超级英雄电影的人去看另一个人喜...

  • 发布于 2021-05-12 00:47
  • 阅读 ( 77 )

潘多拉的新家庭计划与竞争对手相比如何

...的个人喜好,以及每项服务与你最常使用的设备的兼容性如何,都是你可能会选择你想要的流媒体服务的方式(例如,如果家中的每个人都已经是Spotify的狂热用户,那么尝试将所有人都转移到Pandora或Apple Music是没有意义的。)下...

  • 发布于 2021-05-14 23:51
  • 阅读 ( 225 )

如何找到一个完美的方法来建立你的网站(对于编码者和非编码者一样)

...非常好的模板开始。这些模板是可定制的,即使您不知道如何编码,而且它们非常简约,只需稍作修改就可以使它们看起来对您来说是独一无二的。另一方面,经验丰富的程序员获得了更大的灵活性。无论哪种方式,该服务都提...

  • 发布于 2021-05-25 06:39
  • 阅读 ( 169 )

ubuntubuilder允许您构建自己的定制linux发行版

...本的Ubuntu。它不像susestudio那样强大,但是对于那些只想根据自己的喜好进行一些调整的Ubuntu粉丝来说,它是非常棒的。Ubuntu Builder是一个仅适用于Linux的免费下载。如果你想在Windows上找到类似的东西,请查看RT Se7en Lite,它可以...

  • 发布于 2021-05-26 06:50
  • 阅读 ( 47 )
小妮子nz
小妮子nz

0 篇文章

相关推荐