web-dev-qa-db-ja.com

独自のカスタムCSSまたはJavascriptを追加できるブラウザ

ブラウザの使用中に独自のカスタムCSSまたはJavascriptをロードする方法はありますか？

Webサイトにアクセスしているとき、またはWebサイトを開発しているときに、コンピューターから独自のカスタムスクリプトをロードしたいと思います。これはFirebugまたはChromeの開発者ツールバーで実行できることは知っていますが、ブラウザを更新すると、変更もクリアされます。これはまさに私がCSSとJavascriptを追加するために探しているものですが、変更を一時的にローカルに保存するオプションがあればいいのにと思います。または、外部CSSまたはJSファイルをロードするオプションがあります。

目的：

  1. フロントエンドを開発しているとき、Chromeの開発者ツールバーまたはFirefoxのFirebugを使用してCSSプロパティを変更または微調整すると、更新せずにリアルタイムで変更を確認できるため、便利な場合があります。私が目にする問題の1つは、ブラウザを更新するたびに、変更もリセットされることです。ここで、変更をローカルに保存したり、独自の外部.cssファイルまたは.jsファイルをロードしたりできるオプションがあればいいのにと思います。

  2. 広告が多すぎるブログにアクセスするなど、ローカルで表示したときに一部のWebサイトがどのように表示されるかをカスタマイズしたいと思います。 CSSプロパティを適用してジャンクを非表示にします。

私がよく使うブラウザ：

  1. Google Chrome（開発用：組み込みの開発ツールバー）
  2. Mozilla Firefox（開発用：Firebug）
browserfirefox-extensionsgoogle-chrome-extensionsweb-developmentcss
4
Pennf0lio

私は私の答えを見つけました、そしてそれはChrom Dev ToolAutosaveです

https://github.com/NV/chrome-devtools-autosave

これは、ブラウザを離れることなく、cssとjsをその場で編集するための素晴らしい方法です。短いイントロ http://www.youtube.com/watch?v=M4rme6EUvwQ

0
Pennf0lio

CSSファイルに対してこれを行うにはいくつかの方法があります。スタイリッシュのような拡張機能を使用するか、ブラウザのインス​​トールフォルダにあるカスタムファイルを使用できます..。

http://www.lostsaloon.com/technology/using-a-custom-stylesheet-in-a-web-browser/

JSファイルをサポートするには、上記のGreasemonkeyが最善の策です。

5
Barkeep

Greasemonkey FTW！

3
m0skit0