web-dev-qa-db-ja.com

Google ChromeでJavascriptをサイトに挿入する簡単な方法は何ですか?

正規表現に一致する任意のサイトにJavaScriptのカスタムスニペットを追加できるようにしたいと思います。これは主に、専門的なコンテンツのために私が毎日使用しているサイトのデザインが悪いためです。私は次のようなことができるようになりたいです:

  • サイトにアクセスサイドバーがコンテンツを上書きすることを確認してください
  • 開発者ツールを作成し、サイドバーのdivIDを見つけます
  • このドメインのdocument.readyで実行されるjavascriptのスニペットを編集します。

    $('#sidebar-right').remove();
    

ユーザースクリプトを少し検索すると、Chrome拡張機能を作成する必要があることがわかります。これは残念でやり過ぎのようです。もっと簡単な方法はありませんか、それともJavaScriptにすぎない拡張機能はありませんかスニペットをドメインに割り当てるエディター?Chrome自体で編集できるようにしたい、または少なくともMacVimで常に開いたままにしておくことができるファイルを用意したい。拡張子私が知る限り、更新するにはアンロード/インストールが必要です。

大きなJavaScriptファイルが1つしかない場合は、それで問題ありません。カスタマイズをドメインチェックでラップするだけです。

CoffeeScriptで書くことができればボーナスが大好きです。

16
bhuga
14
bhuga

なぜdotjsではないのですか http://defunkt.io/dotjs/ ?それはローカルです、あなたはそれをgitでバージョン管理することができます、あなたはそれを別のコンピュータに簡単に持って行くことができます...

13
topek

問題をきちんと解決する別の選択肢は ウェブサイト用のカスタムJavaScript です。拡張機能をインストールするだけで約2秒かかります。その後、指定したWebサイトのカスタムJavaScriptの入力をすぐに開始できます。

Custom JavaScript for websites example

拡張機能は現在のウェブサイトを自動的に認識するため、コードを記述してSaveをクリックするだけです。便利なように、jQueryまたは外部スクリプトを簡単にインポートすることもできます。

4
Ivaylo Toskov

あなたが探しているのはGreasemonkeyです。しかし、待ってください、GreasemonkeyはFirefox専用ですよね?結局のところ、 GreasemonkeyユーザースクリプトをネイティブとしてインストールできますChromeアドオンserscripts.org に移動して[インストール]をクリックするだけです。そのうちの1つにボタンを押すと、Chromeは自動的にネイティブアドオンに変換します。次に、独自のアドオンを作成し、Chromeを使用してインストールします。

注:これはChrome 4.0でのみ機能します。

2
Chetan

Witchcraft は別のGoogle ChromeカスタムJavascriptとCSSをロードするための拡張機能であり、おそらくより高度なユーザー向けです。古い dotjs プロジェクトリポジトリ後継者としてWitchcraftをリストします。

Witchcraft toolbar menu

1
Orestes Kappa
0
Jordan

Webサイト用のカスタムJavaScript 2 は、Webサイト用のカスタムJavaScriptの代替であり、いくつかのバグ修正とデバイス間でのスクリプトの同期機能があります。

0
xcv58