2011-11-22 10 views
29

jsfiddleのようなエディタはローカルマシン上にあり、インターネットに接続する必要はありません。jsfiddleのようなローカルマシン用のエディタはありますか?

+1

あなたの要件は何ですか?たとえば、AJAXリクエスト、または単純なマークアップ(HTML/CSSなど)ですか? – Chris

+0

"ローカルマシン"? jsfiddleのjsもすべてローカルです。ブラウザのローカル。 jsfiddle *のような*テキストエディタを探しているなら、あなたの最高のオプションは次のようなものだと思う:http://stackoverflow.com/questions/925219/best-javascript-editor-or-ide-with-intellisense-and-debugging -possibly – zengr

+1

@Chris、html css and jquery – Mike

答えて

8

プレーンテキストファイル(例:test.html)を作成し、JavaScriptを作成してブラウザで開くことができます。任意のライブラリを参照したい場合は、同じフォルダにダウンロードして参照するだけです。

<script type="text/javascript" src="jquery.min.js"></script> 
<script> 
    alert("Hello World!"); 
    $("#foo").hide(); 
</script> 

<div id="foo"> 
    Hello World 
</div> 

それとも、vimfiddlerような何かを試すことができます。

0

Firebugコンソールにコードを書き込もうとしましたか?それは私が知っている最高のツールですjavascriptを書く/学ぶために。

編集: html/cssのために役立つかもしれないツールがたくさんあります(実際には私は窓に座っていますが、役に立つかもしれない特別なアプリはありません)、Macではコーダやエスプレッソが典型的ですwysywigツールとライブプレビューモードを持っている限り、私はcodaがjavascriptの安いサポートを提供することを知っている限り。

for firefox/firefoxのfirebugのfirefox in safari、chrome。

0

窓口: HTML/CSS用にMicrosoft Web Expression 4.0を使用できます。
クロムのコードコーラのような拡張機能があります。 Chromeのインスペクタツールも素晴らしいです。 FireFoxをFireFoxで使用することもできます。

jQueryの場合、Google Chromeの拡張機能があります。ドキュメンテーションの有無にかかわらず。 jqueryシェルのようなものです。 jqueryブラウザ。 CSSの場合、コードコーラのような拡張機能があります。
クロムの拡張機能を使用するには、Webサーバーが必要です。 IISのように。そのためにIISに仮想ディレクトリを作成します。

17

Remy SharpのJSBinをご覧ください。インストール手順here

+2

インストールの手順が実際には私にとっては複雑すぎる – Mike

+0

2年後、インストールがかなり難しいです...もっと簡単でPHPの開発が積極的に進められたらまだ... –

+1

インストールはかなり簡単になっています: 'npm install jsbin' – nagytech

0

あなたが必要とする唯一の組み合わせは、この..です

  • FlashDevelopから
  • Firefoxを編集するコードの場合 - レンダリングエンジンとして、すなわちあなたのページ
  • Firebugを表示する - 究極のDOMインスペクタ
+0

私はエディタのようなものを探しています。これは、jsfiddleの動作のように4つのコンポーネントが分離されています。これらの3つのコンポーネントをすべてjsfiddleのようなものに組み合わせるものはありますか。 – Mike

+0

スマートで保存しないでください(Cntl + S)をFlashDevelopに入れ、Firefox(alt-tab)にスワップし、リフレッシュ(f5)すると完了です!すすぎ、繰り返します。あなたのデスクトップは、基本的に2つのアプリケーションをまとめて(ファイアウォールはファイアウォール内で実行されます)、さらにFirebug(jsfiddleにはありません)を介してDOMを検査する利点を持っています – Chris

2

このチュートリアルでは、iframeを使用して自分で簡単にビルドする方法を紹介します。

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe/

+0

ありがとうございます。 – Mike

+0

申し訳ありません。このソリューションでは、html、css、およびJavaScriptを入力して、jsfiddleのような結果を確認することができます。それはすべての鐘とリングを持っていません。 – Christophe

+0

私は実行可能な種類のものを望んでいました。ローカルマシンでダウンロードすることができます – Mike

関連する問題