9

Bunu milyonlarca kez yaptım, yani "Kaynaklar" sekmesindeki javascript dosyasını açın, kaydetmek ve CTRL + S tuşlarına basarak kaydedin; "Yeniden Derleme ve Güncelleme Başarılı".Chrome Geliştirici Araçları'nda Düzenlenemeyen JavaScript Javascript

Ama artık bunu yapamam! Konsolda onay mesajı yok. Ayrıca, kaynak penceresi bunu yapamadığını belirten kırmızımsı döner.

Aynı betik farklı bir sistemden düzenleniyor.

Chrome 41.0.2272.101m/WIN8'deyim.

Komut dosyası, yalnızca yanıtlama kuralını vermek için "prettified" değil!

+0

Aynı sorun vardı ama şimdi ben livereload kullanıyorum. Belki de sizin için de bir seçenek. – newBee

+0

, bir ek yükü karaciğerden kurtarıyor mu? – Neo

+0

kısmen, evet. Tarayıcınızın/eklentinizin değişikliklerle ilgili olduğunu bildiren bir sunucuyla birlikte çalışacak bir krom eklentisi olacaktır. Projeniz için size bir iskelet oluşturacak ve ihtiyaç duyduğunuz her şeyi otomatik olarak kuracak olan Yeoman'ı kullandım. Ancak bu, orijinal sorunuza bir cevap olmadığı için, şimdi her şeyi tam olarak açıklamayacağım. Google'a gitmek isteyebilirsiniz - çok zor olmamalı;) – newBee

cevap

9

çalışma alanları kullanmayı deneyin: https://developer.chrome.com/devtools/docs/workspaces

Kaynakları sol panelde sağ tıklayarak DevTools'un bir çalışma alanı olarak proje klasörü ekleme ve seçme "Workspace Klasör Ekle".

Daha sonra çalışma alanınızdaki klasörden javascript dosyasını seçin. "Yerel Kaynağa Eşle" yi seçmek için dosya içinde herhangi bir yere sağ tıklayın ve çalışma alanınızda geçerli dosyayla eşleşen canlı dosyayı seçin.

Bu, JS dosyanızı güncellemenize izin vermeli ve kaydedilen değişiklikler geçerli sayfaya yenilenmeden uygulanacaktır.

+2

Çalışma alanları kesinlikle gitmek için en iyi yoldur. Yerel proje dosyalarınızı hazırladıktan sonra, isterseniz işinizin% 100'ünü devasalarda yapabilirsiniz. Tüm web sitelerini Chrome'dan ayrılmaya gerek kalmadan bu şekilde yaptım.Bu harika ve acısızdı, zaman kazandıran ve şimdi bile mümkün olan en havalıydı. – jaredwilli

+0

Şimdi çalışmıyor. Web sitesi JavaScript'i düzenlemeye çalışıyorum ama hala etkilenmem. –

+0

Bence bu yöntem sadece konsoldan dosyaya doğrudan kaydetmenize izin veriyor, tarayıcısını yenilemiyor veya canlı olarak yeniden yüklemiyor. – samayo

0

Aşağıdaki bağlantıya başvurabilirsiniz. Adım adım talimat gösterir. https://www.youtube.com/watch?v=PJDPIsOfFZE Bulduğum bir şey, Chrome eklentisi Jet Brain eklentisinin seçenek olarak yapılandırılabilmesidir (chrome uzantısında JB'ye sağ tıklayın). Bağlantı noktasının Intellij hata ayıklama bağlantı noktası numarasıyla eşleştiğinden emin olun. JRebel kullanıyorsanız, port numarası javascript hata ayıklayıcıdan farklıdır.

3

Bir websitesi JS OLMAYAN herhangi bir şey kaydetmek zorunda düzenleme düzenlemek için güzel bir yol anladım. Ayrıca, sayfa yeniden yükleme yoluyla da devam eder, ancak geliştirici konsolunu açık tutmanız gerekir:

- Kod eklemek istediğiniz bir kesme noktası ekleyin.

- Bu kesme noktasını düzenleyin ve yapmak istediğiniz değişiklikleri ekleyin.

Satırı "false;" ile sonlandırdığınızdan emin olun. kesme noktası gerçekte hiçbir zaman

Örnek (bunu tetiklemek istemiyorsanız) tetikler, böylece: kesme noktası koşul "; false; valueToChange = 100" ise , yürütme bu hat üzerinde başlarken her zaman 'valueToChange' olacak 100.

+0

Hangi süreyi kullanıyorsunuz? – Risinek