1. hata ayıklayıcı;Daha önce de demiştim, Javascrip{filter}t koduna bir hata ayıklayıcı cümlesi ekleyebilirsiniz; elle bir kırılma noktası etkisi yaratmak.
Koşullarla bir kırılma noktası mı gerekiyor? Sadece bir if ifadesiyle etrafını sarmanız yeterli:
Ama program yayınlanmadan önce onları kesmeyi unutmayın.
2. DOM düğümü değiştiğinde kırılma noktasını tetikleyecek şekilde ayarlayın
Bazen DOM'un kontrolünüz dışında olduğunu ve kendi başına garip değişiklikler geçirdiğini fark edeceksiniz, bu da sorunun köküne ulaşmayı zorlaştırır.
Google Chrome'un geliştirme araçlarında bu durumu çözebilen çok faydalı bir özellik var, adı "Break on..." adında, DOM düğümüne sağ tıklayıp bu menü öğesini görebilirsiniz.
Bir kırılma noktası için tetikleme koşulu, düğümün silinmesi, düğümün özelliklerinin değişmesi veya alt düğümlerinden birinin değişmesi şeklinde ayarlanabilir.
3. Ajax kırılma noktaları
XHR breakpoint'leri veya adları gibi Ajax breakpoint'ler, bir özelliğin Ajax çağrısını tetikleyen bir breakpoint belirlememize olanak tanır.
Bu, ağ üzerinden bir web uygulaması hata ayıklama yaparken çok etkilidir.
4. Mobil cihaz simülasyon ortamı
Google Chrome, mobil cihazları simüle etmek için programın mobil cihazda nasıl çalıştığını anlamamıza yardımcı olan çok ilginç araçlara sahip.
Bulmak için F12'ye basın, geliştirici araçlarını açın, sonra ESC tuşuna basın (mevcut sekme Konsol olamaz), ve Emülasyon sekmesinde çeşitli emülasyon cihazlarının olduğu ikinci seviye hata ayıklama penceresi belirir.
Tabii ki, bu gerçek bir iPhone olmayacak, sadece iPhone'un boyutlarını, dokunmatik olayları ve tarayıcı Kullanıcı Aracı değerlerini simüle edecek.
5. Web sitenizi Denetimler ile geliştirin
YSlow harika bir araç. Google Chrome'un geliştirici araçlarında Denetimler adında çok benzer bir araç var.
Web sitenizi hızlıca denetler ve size çok pratik ve etkili öneriler ile sitenizi optimize etme yolları sunar.
|
Yayınlandı 13.06.2017 13:11:32
|
|
|
|
Yayınlandı 13.06.2017 15:24:17