OffiDocs ile Chrome'da MSW DevTools Denetleyicisi

AÇIKLAMA

MSW işleyicilerini özel bir DevTools panelinden kontrol edin.

1. Giriş
Bu araç bir Chrome DevTools extension resmi olarak hizmet veren Chrome msw-controller kütüphanesinin panel uygulaması. Tarayıcıyı yenilemeden MSW (Mock Service Worker) işleyicilerini gerçek zamanlı olarak dinamik olarak kontrol etmenizi sağlayarak, ön uç geliştirme ve test verimliliğini önemli ölçüde artırır.

2. Anahtar Özellikler
Özel Panel: Geliştirici araçlarına özel bir 'MSW Kontrolleri' sekmesi ekler.
Gruplanmış Kullanıcı Arayüzü: İşleyicileri API'ye göre gruplandırılmış ve daraltılabilir bölümlerle görüntüler.
Bireysel İşleyici Kontrolü: Anahtarları kullanarak bireysel işleyicileri açıp kapatın.
Gerçek Zamanlı Kod Senkronizasyonu: İşleyici dosyaları değiştirildiğinde ve kaydedildiğinde panel kullanıcı arayüzündeki değişiklikleri otomatik olarak yansıtır (HMR).

3. Montaj
Chrome Web Mağazası Kurulumu
"MSW DevTools Controller" ifadesini şurada arayın: Chrome İnternet mağazası.
Yüklemek için "Chrome'a ​​Ekle"ye tıklayın.
msw-controller Kütüphanesi ile İlişki
Bu Chrome extension resmi Chrome msw-controller kütüphanesinin panel uygulaması. msw-controller kütüphanesi, MSW işleyicilerini dinamik olarak kontrol etmek için temel işlevler sunarken, bu extension kullanıcı dostu bir kullanıcı arayüzü katmanı sağlar Chrome Geliştirici Araçları.

4. msw-controller Kitaplığının Kurulumu
- npm msw-controller'ı kurun
Kütüphane kullanımı ve detaylı API dokümantasyonu için lütfen msw-controller GitHub deposuna bakın (https://github.com/kkdy21/msw-controller).

5. kullanım
Geliştirici araçlarında "MSW Kontrolleri" sekmesine tıklayın.
Panel otomatik olarak geçerli sayfanın MSW işleyicilerini yükler.
Gerektiğinde işleyicileri etkinleştirmek veya devre dışı bırakmak için geçiş anahtarlarını kullanın. Değişiklikler hemen uygulanır.

MSW DevTools Denetleyicisi web extension OffiDocs ile entegre Chromium Online