2011-01-21 9 views
7

私はあなたがJavaScriptの変数を編集するためにDOMビューでFirebugを使うことができると知っていますが...埋め込まれているライブJavaScriptを編集するために何か他の方法がありますHTMLページ?ウェブページのJavaScriptブロックを編集...ライブ

<script type="text/javascript> 
// code here 
</script> 

ありがとう:.htmlのページにあるこの種のよう

+1

Operaを使用できます。 Operaでは、インラインJSファイルとJSファイルの編集が可能です。ページをソフトリロードすると、変更内容が適用されます。右クリック>「ソース」>「変更を加える」>「変更を適用」をクリックします。 – XP1

答えて

3

ブックマークレットWikipedia entry

ブックマークレットから

は、WebブラウザでブックマークのURLとして、またはWebページ上のハイパーリンクとして保存されたアプレット、小さなコンピュータアプリケーションです。この用語は、ブックマークとアプレットの用語のポートマントゥーである。ブックマークユーティリティがブックマークまたはハイパーリンクとして格納されているかどうかは、ブラウザまたはWebページにワンクリック機能を追加するように設計されています。クリックすると、ブックマークレットは検索クエリやデータ抽出などの多種多様な機能を実行します。通常、アプレットはJavaScriptプログラムです。

および関連注記としては、スパムか何かにしようとしていない私は私が簡単にブックマークレットを作成するためのbookmarklet generatorを作成しました。

+0

申し訳ありませんが、私はちょうどあなたの後ろにないブックマークレットを読んで、http://jsfiddle.net/を試すことができるかもしれませんが、 。 – zzzzBov

+0

私は別のウェブページに行き、それらのjavascriptブロックを編集することを意味しました。 – nn2

+0

Google Chrome、OperaにはまともなDOMエディタがあります。 Firebugは他のページをライブ編集するための私の選択ツールです。 *はい私はあなたが他のオプションを求めたことを知っています* – zzzzBov

0

Eloquent javascriptは、コンソールタイプのウィンドウが下部にあります(右下の小さな矢印をクリックします)。これはあなたが探しているものかもしれません。あなたが意味するものの正確な言葉はREPL、Read-Evaluate-Printループです。

0

まあ、同じブラウザの助けを借りて、あなたのブラウザに読み込まれたJavaScriptコードを編集することはできません。それは基本的にはプラグインを意味し、FireBug以外のプラグインは認識していません。

FireBugを使用できない/使用しない特定の理由はありますか?

+0

これは必ずしも真実ではありません。コードを入力するために標準入力要素(例えば、テキストエリア)を使用することができる。次に、javascriptの 'eval()'関数を使用してそれを実行し、効果的にコンソールを提供します。 – Exelian

0

Firebug自体には、プラグインに依存しない「ライト」バージョンがあります。そのソースコードを調べると、Firebugの機能の大きなサブセットを実装する方法を知ることができます。

http://getfirebug.com/firebuglite

0

Chromeまた、あなたが要素(またはページ)を検査したら起動できるコンソールウィンドウを持っています。そこからシンプルなJavaScriptを書くことができます。それはかなりまともなデバッガを持っています。

1

Firebugには、JSコードを記述して現在のページで実行できるコンソール(Firebugウィンドウの最初のタブ)があります。 WebページにmyFuncという関数が定義されていて、それを上書きしたいとします。コンソールで次のコマンドを実行すると、このトリックが実行されます。

myFunc = function(/* function arguments here */) { 
    /* new function body here */ 
}; /* notice the ; */ 

と機能の現在のバージョンを確認するには、あなたは、これが現在のmyFunc

ノートをプリントアウトします

uneval(myFunc); 

を実行することができます。私は、デフォルトでコンソールが付属していますことを考えます単一行入力ボックスですが、オプションのどこかで複数行入力ボックスに切り替えることができます。複数行で新しい行に移動すると、コードを実行します。

0

Chromeでツール/デベロッパーツールにアクセスすると、すべてのコードをhtmlからjavascript、CSSに変更してブラウザに表示できるスペースがあります。明らかに、ウェブサイトの管理者のために編集できるだけなので、あなたはそれを見ているだけで実際の変更を生成しません。

+0

実際の変更を適用したい場合は、Operaを使用できます。 Operaでは、インラインJSファイルとJSファイルの編集が可能です。ページをソフトリロードすると、変更内容が適用されます。右クリック>「ソース」>「変更を加える」>「変更を適用」をクリックします。 – XP1

0

FirebugのHTMLビューでインラインスクリプトタグを編集できます。 スクリプトタグを選択し、 "編集"ボタンを押してください。編集後、再度「編集」ボタンを押して変更を適用します。

0

Firefox 'Greasemonkeyプラグインはまだ言及されていません。あなたはあなたのスクリプトを保存し、再利用し、共有することができます。 私は、あなたがページのコードOOTBとまったく同じ範囲でコードを実行できるかどうかは100%確信していません。ただし、任意のスクリプトタグを挿入することは可能です。

2

Opera 12を使用できます。Opera 12では、インラインJSおよびJSファイルの編集が可能です。ページをソフトリロードすると、変更内容が適用されます。右クリック>「ソース」>「変更を加える」>「変更を適用」をクリックします。

関連する問題