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.pswp.cn/news/281106.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/281106.shtml
英文地址,請注明出處:http://en.pswp.cn/news/281106.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

.NET Core統一參數校驗、異常處理、結果返回

我們開發接口時,一般都會涉及到參數校驗、異常處理、封裝結果返回等處理。如果每個后端開發在參數校驗、異常處理等都是各寫各的,沒有統一處理的話,代碼就不優雅,也不容易維護。所以,我們需要統一校驗參數,…

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語言查詢字符串,然后轉換成使用插…

#if defined(__cplusplus)

由于C編譯器需要支持函數的重載,會改變函數的名稱,因此dll的導出函數通常是標準C定義的。這就使得C和C的互相調用變得很常見。但是有時可能又會直接用C來調用,不想重新寫代碼,讓標準C編寫的dll函數定義在C和C編譯器下都能編譯通過…

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即要)開發,站長一…

Kernel Newbies內核開發新手的資源

Jessica McKellar在Ksplice blog上的博客文章《Linux Device Drivers》如果你在寫一個操作系統,OSDev wiki是一個不錯的網站Kernel Newbies內核開發新手的資源

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 計算模型,而且高效地支持更多計算模式,包括交互式查詢和流處理。 在處理大規模數據集時,速度是非常重要的。速…