2011-01-28 10 views
1

私がしたいことは、JavaScriptが添付されたウェブサイトをどのように見えるか見ることができるようにすることです。私はselectorgadgetのようなものをどんなウェブサイトでも作ってみたいです。(プロキシなどを使用して)任意のページにjavascriptを追加してください

最初のアイデアは、プロキシ(例えばprivoxy)を使用し、html:</head>から<script src="http://myserver.com/my_javascript.js"></script></head>に変化する正規表現を定義することです。そのような場合は、ブラウザにプロキシを設定する必要があります。それは私の目にだけ見えるので、それはクールではありません。

もう1つのアイデアは、ページをフードの下にダウンロードして表示するウェブサイトを作成することです。それが動作します方法:

  1. ゴーページの例:http://myserver.com/

  2. 私のindex.phpに、HTTPクライアントやカールを使用して例えば:www.google.comをダウンロードするページのソースを置き換える(私が追加されます<script>の前に</head>)、ページをユーザーに返します。それは動作しますが、ページに相対的な画像が含まれていると、それを見ることができません。イメージsrcと他のスクリプトsrcを書き直すのはそれほど単純ではありません。

私はJavaScriptのみを追加したいので、iframeを使うことができると思いました。しかし、同じドメインには制限があります。

どのようにすればいいですか?たぶんいくつかのツールですか?クロスドメインiframeで何か?

+0

プロキシを使用しないでください。それはウェブサイトが正常に機能することを保証するものではありません。 –

+0

適切なプロキシを使用すると(ブラウザに別のアドレスを入力する必要はありません)、正常に動作するはずです。 –

+0

すべてのリンクが正常に動作する必要はありません。私はちょうどこのページがどのように見えるかを見たいと思っています。 Apacheのリバースプロキシモードが必要です。 – fatman

答えて

1

Apache Webサーバーをリバースプロキシモードで動作させるように設定し、最初の方法を使用できます。したがって、それはあなたの2番目のケースと非常によく似ていますが、すべての置換Apacheサーバーがあなたのために行います。

+0

これは私が必要とするものです。ありがとうございました。 – fatman

1

Bookmarkletsクルージングなしでこれを行うことができます。

1

Chromeを使用している場合は、簡単な拡張機能を開発してcontent scriptsを使用できます。

1

私はGreasemonkeyを提案リストに送ります。また、FireBugは、ページ上で任意のJavaScriptを実行することができます。さらに、&のWebアプリケーションをデバッグするのに便利なものもあります。

(あなたの短い記述から、私はブックマークレットは、おそらく最良の解決策であることをawoodlandに同意しますが。)

0

あなたが任意のJSかを含めることができるようにすることができますノードベースのプロキシで、次のプロジェクトを使用することができますすべてのページでCSS

https://github.com/amitamb/plugin-proxy

私はプロジェクトの開発者です。

関連する問題