2011-02-02 30 views
3

私はHTMLとjavascriptのコードが混在したhtmlファイルをリファクタリングする必要があります。 さまざまなツール(gjslintなど)を使用できるようにするには、javascriptコードを分離したいと考えています。WebページからjavaScriptコードをどのように抽出しますか?

これを自動的に行うツールはありますか? (私は検索しましたが、おそらく間違った用語を使用して、何かを見つけることができませんでした。)

おかげで...

+2

あなたがリファクタリングして同時に改善できるように、javascriptを手作業で移行するのがベストです。私は、自動抽出されたコードがいいと想像することはできません。 – Raynos

+0

はい、すべてのJSコードを取得したら、それを外部の.jsファイルに移動する必要があります。 – 5arx

+1

あまりにも多くのファイルを手でそれを行う:-) – LB40

答えて

8

あなたは、Firefoxにとても

$('script').each(function(){ 
    alert($(this).html()) 
}); 
+0

優雅な解決策、私はそれが大好きです:) –

+0

ニース! 私はあなたの心が;-) がが簡単にコピーを容易にするために、HTML要素にJSを書き出すのが現実的かもしれませんどのように動作するかのように - 。 $(「#MyJSDivを」)、テキスト($(この)。 html()); – 5arx

2

あなたがfirebugをインストールする場合、すべてのコンテンツを表示する「スクリプト」と呼ばれるタブがありますJavaScriptを使用したファイル。

EDIT:スクリプトがインラインであれば、それほど助けにならないことが分かりました。それが他のさまざまなファイルからインクルードされている場合でも、それはまだ役に立ちます。

0

使用しているエディタによって異なりますが、RegularExpression検索を行い、<script></script>タグで囲まれたHTML/JSミックスのテキストブロックを抽出することができます。

3

WebDeveloperToolbarプラグインはすべてのインラインscirptsと、すべてがここにスクリプトとを含むリストが表示されますオプション情報 - >ビューJavascriptを持っているようにあなたはjQueryのを使用することができますJavaScriptでJavaScriptを取得したい場合必要なものをカットアンドペーストすることができます。

すべてが、スクリプトタグと外部ファイルごとに折りたたみ可能なセクションを持つ単一のWebページとして表示されます。

しかし、<a href"" onclick="">のようなイベントハンドラーは不幸にリストされません。

これは、最初に編集することなく、どのウェブページでも機能します。

+0

thx ...私はイベントハンドラを扱うものを探していますが、これまで成功していません。 – LB40

0

あなたがタグのみを抽出したいなら、あなたはこのサイトでそれを試すことができます:https://js-download.com/

ここでタグが抽出され、その結果を1つのファイルにマージされます。

関連する問題