2011-11-22 21 views
29

için kullanılabilir jsfiddle gibi herhangi editör internete bağlı olması gerek kalmadan benim yerel makinede jsfiddle gibi çalışan bir editör, orada mı mı. Sen bir düz metin dosyası oluşturabilirsinizyerel makine

+1

senin şartları nelerdir? Örneğin AJAX istekleri, vb veya basit işaretleme (HTML/CSS, vb)? – Chris

+0

"Yerel makine"? jsfiddle'ın js hepsi de yereldir. Tarayıcıya yerel. Eğer jsfiddle * gibi bir metin editörü arıyorsanız, en iyi seçeneklerin şu olduğunu düşünüyorum: http://stackoverflow.com/questions/925219/best-javascript-editor-or-ide-with-intellisense-and-debugging -Önemli – zengr

+1

@Chris, html css ve jquery – Mike

cevap

8

, sonra JavaScript yazıp bir tarayıcıda dosyayı açın test.html söylüyorlar. Herhangi bir kütüphaneye başvurmak isterseniz, bunları aynı klasöre indirin ve onlara referans verin.

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

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

Yoksa vimfiddler gibi bir şey deneyebilirsiniz.

0

Firebug konsolu için kod yazmayı denediniz mi? javascript yazmak/öğrenmek için bildiğim en iyi araçtır.

düzenleme: html/css için yardımcı olabilecek pek çok araç var (aslında pencerelerde oturuyorum ama kullanışlı olabilecek özel bir uygulama yok), macda veya tipik (ve tipik olmayan) espresso var wysywig aracı ve canlı önizleme modu var, bildiğim kadarıyla coda ucuz javascript desteği sunuyor. Safari, chrome'da firefox/developer aracı içinde javascript firebug için

. pencerelerde

0

: Microsoft Web Expression 4.0 HTML/CSS için kullanılabilir.
krom için kod kola gibi uzantılar var. Chrome'un denetleyici aracı da harika. Firebug'ı FireFox'ta da kullanabilirsiniz.

jQuery için, Google Chrome için uzantıları vardır. belgelerle veya belgeler olmadan. jquery kabuğu gibi. jquery tarayıcısı. CSS için kod kola gibi uzantılar var.
yine de kromun çalışması için web sunucusuna ihtiyacınız olacak. IIS gibi. Bunun için IIS'de bir sanal dizin oluşturun.

17

Remy Sharp'ın JSBin modelini inceleyin. Yükleme yönergeleri here.

+2

yükleme talimatları benim için çok karmaşık aslında – Mike

+0

Evet, 2 yıl sonra ve kurulumu oldukça zor ... keşke daha kolay olsaydı ve PHP geliştirme aktif olarak geliştirildi hala ... –

+1

Kurulum şu anda oldukça basit görünüyor: 'npm install jsbin' – nagytech

0

sadece ihtiyacınız kombinasyonudur bu ..

  • FlashDevelop - Kod düzenleme
  • Firefox için - render motoru olarak yani sizin sayfayı görüntülemek için
  • Firebug - Ultimate DOM denetleyicisi
+0

Jsfiddle'ın nasıl davrandığı gibi dört bileşeni ayıran bir editör gibi bir şey arıyorum.Jsfiddle – Mike

+0

gibi tek bir parçaya bahsettiğiniz tüm bu 3 bileşeni bir araya getiren bir şey var. FlashDevelop'ta (Cntl + S), Firefox'a (alt-sekme) geçin, yenileyin (f5) ve işiniz bitti! Durulayın ve tekrarlayın. Masaüstünüz temel olarak 2 uygulamayı birbirine bağlar (firebuff firefox içinde çalışır) - artı sizden Firebug aracılığıyla DOM'ı denetleme avantajınız var (jsfiddle yok) – Chris

2

Bu eğitimde kolayca bir iframe kullanarak kendi inşa edebilirsiniz gösterir:

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

+0

Teşekkürler ama bu soruya cevap vermedi. – Mike

+0

Bunun için üzgünüm. Çözüm, html, css ve JavaScript girmenizi ve jsfiddle gibi sonuca ulaşmanızı sağlar. Sadece tüm çanlara ve halkalara sahip değil. – Christophe

+0

Yerel makinemde çalışabileceğim bir web sayfası olan – Mike

İlgili konular