FTPアクセスなしでライブサイトにカスタムHTMLをローカルに保存しますか？

Question

Firebug/Web Developer Toolbarなどは、任意のページのHTML/CSSをローカルマシンに変更することができます。しかし、リフレッシュすると、これらの変更が保存されないことがわかります。

私たちのローカルマシンだけでこれらの変更を保存するには、サイトを更新した後で変更が自動的に反映されますか？

たとえば、私は毎日誰かによって更新されるブログ投稿ウェブサイトに行きます。私はの背景に色をつけたいと言っていましたが、私はすべてという明るい迷惑な赤を読んでいました。（これからはすばやく見ることで、これらを飛ばすことができます。この場合、タイトルは常にh2要素であると想像してください。将来的に自動表示するために私たちのローカルマシン上で、このブログの記事のタイトルをマーク、強調するためにどのような方法があります <h2>The world ends this year!</h2> が <h2 style="color:red;">The world ends this year!</h2>

となり、または変更します。私は、この見出しにインライン要素を追加します？

Answer 1

私はこのような何かを行うには、ブラウザのプラグインがあると確信している - 特にFirefoxの、などのために（。そうでなければ、1を作成するにはあまりにも複雑ではないでしょう）

そうでなければ、私が調べたいですGreasemonkeyを作成し、これを行うカスタムユーザースクリプトを作成します。カスタムユーザースクリプトをすべてのサイトに適用し、ローカルデータストアを使用して、サイトが以前に訪問されたかどうかを判断できます。

履歴ストアを複製するのではなく（Webブラウザが既に履歴を保存しているので）、このようなプラグインはブラウザの履歴と統合するのが理想的です。ただし、最近の[日数]だけを保存するようにブラウザの履歴を設定している場合、およびこの「閲覧済み」投稿のリストを長期間維持する場合は、これは望ましくない場合があります。

Answer 2

あなたはに目指している場合は、私はプログラム的にCSSを適用Greasemonkeyスクリプト をお勧めしますあなた自身のウェブ体験をパーソナライズ。 Stylishと呼ばれる同等のプラグインがあります。このプラグインは、CSS用のGMのアナログです。 Chromeには同等の機能があります。

---

あなたはに目指している場合は、ユーザー、あなたが作成しているウェブサイトのに、この機能を提供する、私はHTML5 DOM Storageを使用してクライアント側でパーソナライズされたスタイリングを保存するに見えると思います。

Answer 3

あなたは自分のFirefox profileディレクトリ内あるuserContent.cssファイルを作成し、同じように、あなたがしたいWebページ用のカスタムCSSを貼り付け、それを行うために、任意のプラグインやプログラムを必要としません：

@-moz-document url-prefix(http://www.domain.com/blog/) { 
#content h2 { 
    color:red !important; 
} 
#content h2 a { 
    color:red !important; 
} 
} 

あなたはよりカスタマイズ可能なテクニックを見つけることができますmozilla developer site