Geliştirici Araçları İpuçları: Kullanıcı akış kayıtlarını düzenleme, hata ayıklama ve dışa aktarma

Sofia Emelianova
Sofia Emelianova

DevTools Kaydedici paneli, sayfanızdaki kullanıcı işlemlerini yakalamanızı, tekrar oynatmanızı, paylaşmanızı ve CI/CD'nizde kullanabileceğiniz çeşitli biçimlerde dışa aktarmanızı sağlar.

Kısa süre önce kayıtları düzenlemenize, dışa aktarmanıza ve hata ayıklamanıza yardımcı olacak yeni özellikler eklenen Kaydedici paneli aktif geliştirme aşamasındadır.

Kaydedici paneli ile şunları yapabilirsiniz:

  • Tek seferde tekrar oynatmayı yavaşlatın, ayrılma noktaları ayarlayın, yürütme işlemini duraklatın, devam ettirin veya adım adım ilerletin.
  • Duraklatıldığında, daha fazla incelemek için sayfayla etkileşimde bulunun veya diğer panellere geçin.
  • Kaydedici'nin otomatik olarak kaydetmediği adımları ekleyin. Örneğin, kayıtların kirliliğine yol açan bir fare imleci üzerine getirme işlemi yapılabilir.
  • Adımları yapılandırın (ör. zaman aşımları, koşullar ve onaylar ekleyin).
  • Kayıtları JSON, @puppeteer/replay Script ve Puppeteer komut dosyası gibi çeşitli biçimlerde dışa aktarın.

Ayrıca, Kaydedici paneli için Chrome uzantılarını kullanarak daha fazla dışa aktarma biçimi ekleyebilirsiniz. Bu yazıldığı sırada şu araçlar için uzantılar ekleyebilirsiniz: Cypress, WebPageTest, Nightwatch, Testing Library ve WebdriverIO. Uzantıların tam listesine göz atın.

Daha fazla bilgi için: