geek_享受How-To Geek用户样式脚本的好处

geek

geek

Most people may not be aware of it but there are two user style scripts that have been created just for use with the How-To Geek website. If you are curious then join us as we look at these two scripts at work.

大多数人可能不知道它,但是已经创建了两个仅用于How-To Geek网站的用户样式脚本。 如果您有好奇心,请加入我们,因为我们正在研究这两个脚本。

Note: User Style Scripts & User Scripts can be added to most browsers but we are using Firefox for our examples here.

注意:可以将用户样式脚本和用户脚本添加到大多数浏览器中,但此处示例使用Firefox。

The How-to Geek Wide User Style Script

极客级用户风格脚本

The first of the two scripts affects the viewing width of the website’s news content. Here you can see everything set at the normal width.

这两个脚本中的第一个会影响网站新闻内容的查看宽度。 在这里,您可以看到所有设置为正常宽度的东西。

htg-style-scripts-01

When you visit the UserStyles website you will be able to view basic information about the script and see the code itself if desired.

当您访问UserStyles网站时,您将能够查看有关脚本的基本信息,并根据需要查看代码本身。

htg-style-scripts-02

On the right side of the page is the good part though. Since we are using Firefox with Greasemonkey installed we chose the the “install as a user script option”. Notice that the script is available for other browsers as well (very nice!)

在页面的右侧是不错的部分。 由于我们使用的是安装了Greasemonkey的Firefox,因此我们选择了“作为用户脚本安装选项”。 请注意,该脚本也可用于其他浏览器(非常好! )

htg-style-scripts-03

Within a few moments of clicking on the “install as a user script button” you will see the following window asking confirmation for installing the script.

在单击“以用户身份安装脚本按钮”的片刻内,您将看到以下窗口,询问安装脚本的确认。

htg-style-scripts-04

After installing the user style script and refreshing the page it has now stretched out to fill 90% of the browser window’s area. Definitely nice!

安装用户样式脚本并刷新页面后,它现在已经伸展到占浏览器窗口面积的90%。 绝对不错!

htg-style-scripts-05

The How-To Geek – News and Comments (600px) User Style Script

入门指南–新闻和评论(600px)用户样式脚本

The second script can be very useful for anyone with the limited screen real-estate of a netbook. You can see another of the articles from here at the site viewed in a  “normal mode”.

第二个脚本对于上网本屏幕空间有限的任何人都非常有用。 您可以在此处以“正常模式”查看站点中的其他文章。

htg-style-scripts-06

Once again you can view basic information about this particular user style script and view the code if desired.

您可以再次查看有关此特定用户样式脚本的基本信息,并根据需要查看代码。

htg-style-scripts-07

As above we have the Firefox/Greasemonkey combination at work so we installed as a user script.

如上所述,我们正在使用Firefox / Greasemonkey组合,因此我们将其安装为用户脚本。

htg-style-scripts-08

This is one of the great things about using Greasemonkey…it always checks with you to make certain that no unauthorized scripts are added.

这是使用Greasemonkey的伟大事情之一……它总是与您确认是否未添加未经授权的脚本。

htg-style-scripts-09

Once the script was installed and we refreshed the page things looked very very different. All the focus has been placed on the article itself and any comments attached to the article.

安装脚本并刷新页面后,情况看起来就非常不同了。 所有焦点都放在文章本身以及该文章所附的任何评论上。

htg-style-scripts-10

For those who may be curious this is what the homepage looks like using this script.

对于那些可能好奇的人来说,这就是使用此脚本的首页。

htg-style-scripts-11

Conclusion

结论

If you have been wanting to add a little bit of “viewing spice” to your browser for the How-To Geek website then definitely pop over to the User Styles website and give these two scripts a try.

如果您想在浏览器中为How-To Geek网站添加一些“查看香料”,则可以肯定地跳至User Styles网站,并尝试这两个脚本。

Using Opera Browser? See our how-to for adding user scripts to Opera here.

使用Opera浏览器? 请在此处查看将用户脚本添加到Opera的方法。

Links

链接

Install the How-to Geek Wide User Style Script

安装How-to Geek Wide用户样式脚本

Install the How-To Geek – News and Comments (600px) User Style Script

安装How-To Geek –新闻和评论(600px)用户样式脚本

Download the Greasemonkey extension for Firefox (Mozilla Add-ons)

下载适用于Firefox的Greasemonkey扩展(Mozilla附加组件)

Download the Stylish extension for Firefox (Mozilla Add-ons)

下载Firefox的时尚扩展程序(Mozilla附加组件)

翻译自: https://www.howtogeek.com/howto/14278/enjoy-how-to-geek-user-style-script-goodness/

geek

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值