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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/281106.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Memcached 在linux上安装笔记

第一种yum 方式安装 Memcached 支持许多平台:Linux、FreeBSD、Solaris、Mac OS,也可以安装在Windows上。 第一步 Linux系统安装memcached,首先要先安装libevent库 Ubuntu/Debian sudo apt-get install libevent libevent-deve 自动下…

onlyoffice回调函数controller方式实现

原文同步自作者博客:https://www.daxueyiwu.com/post/706 springboot实现的onlyoffice协同编辑网盘项目可以去作者博客。 上代码: //新建报告GetMapping("report/createReport")public String CreatReport(HttpServletRequest request,Stri…

读Bilgin Ibryam 新作 《Dapr 是一种10倍数 平台》

Bilgin Ibryam 最近加入了开发者软件初创公司Diagrid Inc,他是Apache Software Foundation 的 committer 和成员。他也是一个开源的布道师,并且是书籍 Kubernetes设计模式 和 Camel Design Patterns 的作者。早在2020年初 提出的Multi-Runtime Microserv…

如何在iPhone或iPad上使用Safari下载文件

Khamosh PathakKhamosh PathakIn your work or personal life, you’ll sometimes need to download a file on your iPhone or iPad. Using the new feature introduced in iOS 13 and iPadOS 13, you can now do this directly in Safari. No third-party app needed! 在工作…

java版左右手桌面盯盘软件dstock V1.0

V1.0功能比较简陋,先满足自己桌面盯盘需要 V1.0 版本功能介绍: 1. 1s实时刷新盯盘数据 主要市面上的,符合我要求的桌面应用要VIP,穷啊,还是月月付,年年付,还是自己搞吧! 2. 配置文件配置股票…

放大倍数超5万倍的Memcached DDoS反射攻击,怎么破?

欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:腾讯游戏云 背景:Memcached攻击创造DDoS攻击流量纪录 近日,利用Memcached服务器实施反射DDoS攻击的事件呈大幅上升趋势。DDoS攻击流量首次过T,引发业界热…

C# WPF TabControl控件用法详解

概述TabControl我之前有讲过一节,内容详见:C# WPF TabControl用法指南(精品),上节主要讲解了tabcontrol控件的左右翻页,以及页面筛选,以及数据绑定等内容,这节内容继续接续上节内容进行扩展讲解&#xff0c…

pixel 解锁_如何在Google Pixel 4和Pixel 4 XL上禁用面部解锁

pixel 解锁Justin Duino贾斯汀杜伊诺(Justin Duino)Face Unlock is one of the Google Pixel 4 and Pixel 4 XL’s flagship features. But if the facial recognition is a form of biometric security you’re uncomfortable with, you can delete your face data right off …

【实战】将多个不规则多级表头的工作表合并为一个规范的一维表数据结果表...

最近在项目里,有个临时的小需求,需要将一些行列交叉结构的表格进行汇总合并,转换成规范的一维表数据结构进行后续的分析使用。从一开始想到的使用VBA拼接字符串方式,完成PowerQuery的M语言查询字符串,然后转换成使用插…

happiness[国家集训队2011(吴确)]

【试题来源】 2011中国国家集训队命题答辩【问题描述】 高一一班的座位表是个n*m的矩阵,经过一个学期的相处,每个同学和前后左右相邻的同学互相成为了好朋友。这学期要分文理科了,每个同学对于选择文科与理科有着自己的喜悦值,而一…

sketch怎么移动图层_什么是Photoshop Express,Fix,Mix和Sketch移动应用程序?

sketch怎么移动图层Adobe’s approach to mobile apps seems to be “The More, The Better”. Right now, there are five Photoshop branded apps available for iOS and Android. Adobe的移动应用程序方法似乎是“越多越好”。 目前,有五个适用于iOS和Android的P…

imessage_如何在iPhone和iPad上的iMessage组中提及某人

imessageKhamosh PathakKhamosh PathakSometimes, it’s difficult to get someone’s attention in a large iMessage group chat on your iPhone or iPad. However, if you mention that person specifically in a message, your friend will receive a notification about i…

点击右侧导航栏,实现iframe嵌入子页面中div,滑动到最上面

2019独角兽企业重金招聘Python工程师标准>>> // 点击对应的nav里的li标签,页面就滚动到哪里 $(.title-list > li).click(function(event) {$(this).addClass(active).siblings().removeClass(active);//li标签里面有a标签,可以阻止到a标签的默认行为event.preven…

wepack环境配置1之node的安装

.向往已久的webpack终于配好了.. 1.要安装webpack,首先需要安装nodejs nodejs下载地址:https://nodejs.org/en/ 下载完成后,一步步安装即可,我是安装到D盘 新建一个nodejs的文件夹,装到这个文件夹里面即可. 安装完毕后检查自己是否安装成功.启动cmd,然后输入npm -v,…

【赏析】.NET跨平台框架-Avalonia UI

这是Avalonia UI官方的一个Demo,站长对部分Nuget包进行了升级,网友【小飞机MLA】对Linux版本修复了字体Bug得以正常运行、演示:Windows 11:macOS 13:可安装Rider(EAP即要)开发,站长一…

office自定义安装选项_如何自定义Office 2013中功能区上的现有选项卡

office自定义安装选项The Ribbon in Microsoft Office 2013 provides quick access to many features and options by default, but it can be further customized to fit the way you use it. You can add a custom tab to the ribbon or you can add commands to the existin…

Centos6.8 安装spark-2.3.1 以及 scala-2.12.2

一、Spark概述 Spark 是一个用来实现快速而通用的集群计算的平台。 在速度方面,Spark 扩展了广泛使用的 MapReduce 计算模型,而且高效地支持更多计算模式,包括交互式查询和流处理。 在处理大规模数据集时,速度是非常重要的。速…

聊一聊 WPF 程序的键盘是如何被窃听的?

一:背景 1.讲故事前几天群里很热闹,看了下在争论两个问题:电脑里要不要装杀毒软件 ?应该装什么杀毒软件 ?不管杀毒软件流氓不流氓,在如今病毒肆虐的当下互联网,装一个还是能帮我们拦截很多意想不到的东西&#xff0c…

httpclient 实现文件上传中转

开发功能: web前端提交上传文件 —> a服务器接收 —> 转发到b服务器进行文件处理 下面是简单实现的代码,具体细节优化根本自己的需求更改。 public String handleResponse(HttpServletRequest request, HttpServletResponse response)throws Unsup…

AngularJS $watch 性能杀手

双向绑定是AngularJS核心概念之一,它给我们带来了思维的转变,不再是以DOM为驱动,而是以Model为核心,View中写上声明式标签(指令或{{}}),AngularJS会在后台默默同步View到Model,并将Model的变化更新到View。…