Chrome'un Geliştirici Araçlarını kullanarak bir sitede javascript düzenlemeye çalışıyorum. Bunun nasıl yapılacağına dair yaklaşık 30 hesap okudum ve birkaç video izledim. Gerçek şu ki, kaynaklar sekmesine gidip düzenlemek istediğim dosyayı açtığımda ona hiçbir şey yapamıyorum. Kaçırdığım bir adım var mı?
Kırılma noktaları oluşturabilirim, adım adım atabilirim vb. Bu işlev yakın zamanda kaldırıldı mı?
Yanıtlar:
Bu sorunun bayat olduğunu biliyorum, ancak benzer bir sorun yaşadım ve çözümü buldum.
Dosyayı güzelleştirdiyseniz, Chrome düzenlemelere izin vermez. Kapattım ve düzenleyebildim. Bunun senin sorunun olduğuna bahse girerim.
Javascript’i "Kaynaklar" sekmesindeki geliştirici araçlarında düzenleyebilirsiniz, ANCAK yalnızca kendi dosyasında javascript'i düzenlemenize izin verir. Bir HTML (veya PHP) dosyasına gömülü komut dosyası salt okunur olarak kalacaktır.
Bazı sınırlamaları vardır:
JS dosyası olması gerekir. etiketler bir html sayfasına gömülemez.
güzelleştirilemez.
SourcesGeliştirici araçları sekmesi altındaki listeden bir JS dosyası dahil etmek mümkün müdür ?
Kalıcı olarak kaydetmek için buna ihtiyacınız var mı bilmiyorum, ancak js'yi geçici olarak değiştirmeniz gerekirse:
Değiştirmek istediğim javascript'i bir metin düzenleyicisine kopyalayabilir, düzenleyebilir ve ardından konsola yapıştırabilirim ve herhangi bir işlevi veya yeniden tanımlanmam gereken her şeyi yeniden tanımlayacaktır.
örneğin, sayfada şunlar varsa:
<script>
var foo = function() { console.log("Hi"); }
</script>
İçeriği komut dosyası arasına alabilir, düzenleyebilir ve ardından hata ayıklayıcıya şu şekilde girebilirim:
foo = function() { console.log("DO SOMETHING DIFFERENT"); }
ve benim için çalışacak.
Ya da beğenirsen
function foo() {
doAThing();
}
Sadece girebilirsin
function foo() {
doSomethingElse();
}
ve foo yeniden tanımlanacak.
Muhtemelen en iyi çözüm değil, ama işe yarıyor. Siz sayfayı yeniden yükleyene kadar sürer.
"Chrome dev tool edit javascript" araması yaptım. Bu sayfa ilk arama sonucudur. Ama çok modası geçmiş, bana yardımcı olmuyor.
Chrome 73 kullanıyorum, Chrome'un bu sürümünde "Yerel Geçersiz Kılmaları Etkinleştir" seçeneği var. Bu işlevi kullanarak bir javascript düzenleyebilir ve çalıştırıp hata ayıklayabilirim.
