私たちは皆、完璧ではない場合でも、お気に入りのWebサイトをいくつか持っています。ただし、ユーザースクリプトとユーザーシリルが何でもカスタマイズするオプションを提供するため、必ずしもそれらの不完全さで暮らす必要はありません。それらがどのように機能し、どのように使用するか、さらには自分で作ることを始める方法を見てみましょう。
userscripts(およびusersyles)と正確には何ですか? userscripts.orgそれらを「ブラウザ用のパワーアップ」と呼びますが、より具体的には、特定のサイトで機能を変更、追加、変更するために使用されるJavaScriptの一部です。 userscriptsを関数として、およびusersylesをフォームと考えることができます。特定のブラウザですべてを機能させるためにインストールする必要があるものを見てみましょうが、まず、あなたができるクールな変更を見てみましょう。
最高の事前に作られたサイトのカスタマイズのいくつか
いくつかのサイトやWebAppsにできる素晴らしい機能とスタイルのカスタマイズがたくさんありますが、ここには多くの素晴らしいオプションがあります。そこにいる間トンより小さく、より具体的なものを強化する他のオプションのうち、これらの例は大きな可能性を示しています。
より良いFacebookTabbed News Feeds、Advanced Feed Filterter、Themes、コメント追跡、読んだ投稿を非表示にする機能など、いくつかの拡張機能をFacebookに提供します。また、ほぼすべてのWebブラウザーのブラウザ拡張機能として搭載されているスクリプトの1つであるため、機能するために特別なものをインストールする必要はありません。
Snow Leopard 2のGoogle Reader 2Google Readerのterribleではないが退屈な外観を取り、Appleスタイルのオーバーホールを提供し、WebAppをMac OS Xデスクトップアプリ(またはより具体的にはiTunes)のように感じます。
Snow Leopard 2のGoogleリーダーを取得します
より良いアマゾンAmazon.comの製品ページをカスタマイズして、よりユーザーフレンドリーにします。ほとんどの製品ページには、それらに関する多くの情報があります
より良いGroovesharkGroovesharkから広告を削除し、現在演奏している曲の歌詞を提供し、曲の間でCross Fadesを提供し、VIPアカウントのない人にFM Scoubblingを追加します。
青いYouTube(または、私が呼んでいるようにBlueTube)は、通常の白と赤からの歓迎すべき出発点であるslick濃い青のテーマをYouTubeに適用します。あなたがビデオを見ているとき、一般的にあなたはそれを取り巻くホワイトスペースの束を望んでいません。闇は物事をより良く、より豊かに見せる傾向があります。このテーマはあなたのためにそれを処理します。
スーパーマリオブラザーズタンブラーTumblrダッシュボードを8ビットのパワーアップの土地に変えます。これは厳密には機能のないテーマですが、マリオにノーと言うにはどうすればよいですか?
Super Mario Bros. Tumblrを入手してください
userscriptsとusersylesのインストール
カスタマイズしたいサイトがいくつかありますが、これらのカスタマイズをどのように適用しますか?一部のユーザースクリプトとユーザーシリルはブラウザ拡張/アドオンとしてパッケージ化されていますが、適切なツールを使用してほぼすべてを簡単に適用できます(サポートがブラウザにまだ組み込まれていない場合)。これが必要なものです:
Firefox:Greasemonkeyuserscriptsおよびスタイリッシュusersyles用。 (注:多くのユーザーシリルはユーザースクリプトとしてインストールできますが、Stylishはこれらのスタイルの管理を非常にシンプルにします。)
クロム:userscriptsのサポートはChromeブラウザに組み込まれており、ユーザースクリプトはブラウザ拡張機能のようにインストールされます(Greeasmonkey固有の機能との互換性は異なります)が、それでもダウンロードすることをお勧めしますスタイリッシュusersyles用。
Safari(およびその他のWebKitベースのブラウザ):グリースキットユーザースクリプトのトリックを行います。おそらく、ユーザーシェルも処理することもできます。
オペラ:ユーザースクリプトは、拡張機能のようにインストール可能です(Google Chromeに似ています)が、しなければなりませんGreasemonkeyの互換性を確認してくださいGreasemonkey固有の機能を使用するスクリプトを使用している場合。
また、Great Macアプリでサイト固有のブラウザ(SSB)アプリケーションを作成している場合流体userscriptとusersteleサポートが既に組み込まれているため、何もする必要はありません。
新しいスクリプトのインストールは、ブラウザに基づいて異なりますが、基本的にそれらをインストールするためにしなければならないことは、リンクをクリックしてスクリプトをダウンロードすることだけです。組み込みのサポートまたはユーザースクリプトプラグインを備えたブラウザは、名前のためにこれらのスクリプトを認識します(something.user.js
)そしてそれらをインストールするリクエスト。通常、オンラインで見つけると「スクリプトをインストールする」ボタンがありますが、ソースコードを表示することになった場合、通常、ユーザースクリプトを表示しながらオプションを提供しながらユーザースクリプトを表示していることを通知するメッセージが表示されるか、アラートが表示されます。インストールします。
usersylesは同様の方法でインストールされていますが、自分で作成したCSSファイルをインストールしている場合(または、他の理由でハードドライブを使用しています)、スタイリッシュを使用して手動でインストールできます。あなたがしなければならないのは、スタイリッシュの設定に行くことだけですスタイルを追加します、および追加するスクリプトを選択します。
それだけです。インストールはかなり簡単です。
独自のユーザースクリプトとusersylesを作成します
既存のuserscriptsとusersylesがそれを完全にカットしていない場合は、いつでも独自のユーザーを作成できます。 JavaScriptやCSSを知っている場合、実際にできることがたくさんあります。 (もちろん、そうでない場合は、いつでもできますJavaScriptを学びますそしてCSS私たちの夜の学校のレッスンから。)ユーザースクリプトを作成するプロセスは、この投稿の範囲の範囲外であり、それほど難しくありません。試してみたい場合は、Greasemonkey Wikiには、開始に関する詳細情報があります。すべての意図と目的について、本質的に、特定のWebページで機能を上書きするスクリプトを書くだけです。 JavaScriptを知っている場合は、始めるのにほとんど問題がないはずです。
CSSを作成するためにCSSの実用的な知識をほとんど必要としないため、ユーザーシルズはさらに簡単です。ユーザーシルの作成には、次のものが含まれます。
サイトの既存のCSSスタイルシートを見つけて、参照のために保存します。
オーバーライドしたいスタイルシートのスタイルを見つけて、必要なスタイルを変更します。たとえば、StyleSheetにあります
body
aを持つように設定されていますfont-size
12pxの場合、14pxに変更してから変更するだけです。既存のスタイルをオーバーライドしているので、ほとんどの場合、追加する必要があります!important
変更された要素の後。まだ定義されていない保存されたスタイルシートに新しいスタイルを追加します(追加する必要はありません
!important
これらに)。Stylishを使用して、このuserstyleを特定のサイトに追加します。追加したら、サイトをリロードするだけで、作成したスタイルの変更が表示されます。
過去にCSSをだまされている限り、独自のユーザーシルを作成するのは非常に簡単な作業です。
既製のオプションを使用する場合でも、独自のオプションを作成する場合でも、少しJavaScriptとCSSで達成できるカスタマイズがかなりあります。素晴らしいuserscriptsまたはusersylesを作成した場合、または個人的なお気に入りを持っている場合は、コメントに投稿してください。