Çok sık yaptığım bir şey JS'de bir uygulamanın parçası olmadan rastgele komut dosyaları yazmak. Onları çalıştırmak için onları ya güzel bir REPL olarak çalışan Chrome FF'nin konsoluna yapıştırıyorum ya da gerçekten daha fazla hata ayıklamaya ihtiyacım olursa, onu localhost'taki test uygulamama ekliyorum ve tarayıcıdan göz atıyorum. Bir sunucudan (kesme noktaları, yerliler vb.) Bir sunucudan sunulmadan tüm iyi hata ayıklamayı elde etmenin bir yolu var mı ? , örneğin kodumu konsola kopyalayıp yapıştırarak mı?
Bir sunucu / localhost olmadan JS tarayıcıdan hata ayıklama
Yanıtlar:
Http://jsbin.com/ adresini kullanabilirsiniz .
JS Bin, JavaScript ve CSS halkına kod snippet'lerini bazı bağlamlar dahilinde test etmek ve kodu birlikte ayıklamak için özel olarak tasarlanmış bir web uygulamasıdır.
JS Bin, JavaScript ve HTML'yi düzenlemenizi ve test etmenizi sağlar (URL’yi yeniden yüklemek, kodunuzun durumunu da korur - yeni sekmeler yok). Mutlu olduktan sonra, kaydedebilir ve URL'yi inceleme veya yardım için bir arkadaşınıza gönderebilirsiniz. Daha sonra gerekirse yeniden tasarruf yaparak daha fazla değişiklik yapabilirler.
Güncelleme:
Yazdığınız komut dosyası otomatik olarak konsol penceresinde jsbin tarafından kontrol edildiğinden ve yenilemeden sonra bir hata varsa hata ayıklayıcıda duraklatılacağından bir kesme noktası yerleştirebileceğinizi sanmıyorum.
Sayfayı yenilemezseniz, olası hatalar hakkında yazarken sizi uyaracaktır.
Ayrıca, bilginiz için yazdığınız komut dosyası jsbin tarafından ayrıştırılır, böylece düzenleme kaynağında saklanır.
Bunun için teşekkürler, bu yardımcı olacak. Jsbin kodumda kesme noktaları eklemek için herhangi bir yolu?
—
sazpaz
Console.trace () ve console.log () öğesini kullanabilirsiniz, ancak hata ayıklamak için Google Chrome DEV araçlarını açıp kod jsbin içinde çalışırken hata ayıklayacağım.
—
Matija Grcic
Yapmak istediğim şey bu, ancak JSBin kodumu Chrome Deb araçları altında nasıl bulabilirim?
—
sazpaz
Güncellenmiş cevabı kontrol edin.
—
Matija Grcic
Eğer kurulu php varsa, bir dosyaya içerik yapıştırmak ve anında bir php sunucusu çalıştırmak için bir .vbs betiği çalıştırabilirsiniz.
testjs.vbs:
Set objHTML = CreateObject("htmlfile")
ClipboardText = objHTML.ParentWindow.ClipboardData.GetData("text")
Set fs= CreateObject("Scripting.FileSystemObject")
Set file= fs.CreateTextFile("testjs.html", True)
file.WriteLine "<!DOCTYPE html><html><body><h3>JS test</h3><script>"
file.WriteLine ClipboardText
file.WriteLine "</script></body></html>"
file.Close
Set osh = WScript.CreateObject("WScript.Shell")
osh.Run "explorer http://localhost:8000/testjs.html"
osh.Run "cmd /K php -S localhost:8000"
Sadece JS kodunuzu Pano'ya kopyalayın ve bu betiği çalıştırın.
Öte yandan, kabuğumda bir phpserver.BAT dosyası var: Sendto-> phpServer.bat her klasör için bir php sunucusu çalıştırmak için sendto klasörü (Windows). Yukarıda kullanılanla aynı cmd komutlarını içerir.
Kabuk: sento / phpserver.bat:
explorer http://localhost:8000
php -S localhost:8000
Sunucu olmayan bir çözüm hakkında soruyordunuz, ancak bu gerçekten hızlı ve kullanışlıdır. Anında sunucuyu kapatmak için sadece php konsol penceresini kapatmanız gerekir.
PATH ortam değişkeninizde php'nin giriş dizinine sahip değilseniz, php'nin tam yolunu belirtmeniz gerekeceğini unutmayın. Genellikle C: \ Program dosyaları \ php ...
BTW, DüğümJ'ler hakkında bilginiz var mı? (JS sunucuda çalışıyor, konsollu, vb)
FireFox için FireBug ve JSFiddle, hata ayıklama için mutlaka olması gereken mutlak şeylerdir. Yalnızca kesme noktaları ile hata ayıklama yapmakla kalmayacak, aynı zamanda işlemin bir parçası olarak verileri de değiştirebileceksiniz.
Chrome için yerleşik olarak bulunur: https://developers.google.com/chrome-developer-tools/ ... bir öğeyi sağ tıklayın ve ardından kontrol edin. Alternatif olarak, tek bir arayüz istiyorsanız, Firebug Lite for Chrome'u inceleyin.
IE9 / 10 ... geliştirici araçları için F12'ye basın, hata ayıklama kapasitesine sahipler.
IE8 (bilmiyorum, kontrol etmekten asla rahatsız olmadım)
IE7, geliştirici araçlarını Microsoft'tan indirmeniz gerekir.