Chrome Geliştirici Araçları'nın Arka plan hizmetleri bölümü, JavaScript API'leri için bir araç koleksiyonudur. Bu koleksiyon, web sitenizin kullanıcılar web sitenizi açmamış olsa bile güncelleme gönderip almasını sağlar. Arka plan hizmetleri, işlevsel olarak arka plan işlemlerine benzer.
Arka plan hizmetleri bölümünde aşağıdaki arka plan hizmetlerinde hata ayıklama yapabilirsiniz:
Chrome Geliştirici Araçları, DevTools açık olmasa bile getirme, senkronizasyon ve bildirim etkinliklerini üç gün boyunca günlüğe kaydedebilir. Bu, etkinliklerin beklendiği gibi gönderildiğinden ve alındığından emin olmanıza yardımcı olabilir.
Geliştirici Araçları, arka plan hizmet etkinliklerine ek olarak şunları da yapabilir:
- Chrome'un Reporting API'yi kullanarak gönderdiği veya göndermek üzere olduğu raporları gösterir.
- Bir tıklamayla hata ayıklamanıza ve geri-ileri önbelleği test etmenize olanak tanır.
Arka planda getirme
Background Fetch API, hizmet çalışanlarının film veya podcast gibi büyük kaynakları arka plan hizmeti olarak güvenilir bir şekilde indirmesine olanak tanır. Geliştirici Araçları açık olmasa bile arka planda getirme etkinliklerini üç gün boyunca günlüğe kaydetmek için:
- Örneğin, bu demo sayfasında Geliştirici Araçları'nı açın.
Uygulama > Arka plan hizmetleri > Arka planda getirme'ye gidin ve
Kaydet'i tıklayın.
Demo sayfasında Öğeleri yerel olarak depolayın'ı tıklayın. Bu, arka planda getirme işlemini tetikler. Geliştirici Araçları, etkinlikleri tabloya kaydeder.
Bir etkinliği tıklayarak tablonun altındaki alanda ayrıntılarını görüntüleyin.
Geliştirici Araçları'nı kapatıp kaydı üç güne kadar çalıştırabilirsiniz. Kaydı durdurmak için
Durdur'u tıklayın.
Arka plan senkronizasyonu
Arka Plan Senkronizasyonu API'si, çevrimdışı bir hizmet çalışanının güvenilir bir internet bağlantısı yeniden kurması durumunda bir sunucuya veri göndermesini sağlar. Geliştirici Araçları açık olmasa bile arka plan senkronizasyonu etkinliklerini üç gün boyunca günlüğe kaydetmek için:
- Örneğin, bu demo sayfasında Geliştirici Araçları'nı açın.
Uygulama > Arka plan hizmetleri > Arka plan senkronizasyonu'na gidin ve
Kaydet'i tıklayın.
İlgili hizmet çalışanını kaydetmek için demo sayfasında Arka plan senkronizasyonunu kaydet'i ve istemde bulunulduğunda İzin ver'i tıklayın.
Hizmet çalışanı kaydı, arka planda senkronizasyon etkinliğidir. Geliştirici Araçları, etkinlikleri tabloya kaydeder.
Bir etkinliği tıklayarak tablonun altındaki alanda ayrıntılarını görüntüleyin.
Geliştirici Araçları'nı kapatabilir ve kaydı üç güne kadar çalıştırabilirsiniz. Kaydı durdurmak için
Durdur'u tıklayın.
(Deneysel) Hemen çıkma durumunu izleme çözümleri
Chrome'daki Hemen çıkma izleme azaltma denemesi, hemen çıkma izleme tekniğini kullanarak siteler arası izleme gerçekleştirdiği anlaşılan sitelerin durumunu tanımlamanıza ve silmenize olanak tanır. İzlemeyi azaltma önlemlerini manuel olarak zorlayabilir ve durumları silinen sitelerin listesini görebilirsiniz.
İzleme çözümlerini zorlamak için:
- Chrome'da üçüncü taraf çerezlerini engelleme
> Ayarlar >
Gizlilik ve güvenlik > Çerezler ve diğer site verileri >
Üçüncü taraf çerezlerini engelle'yi etkinleştirin.
chrome://flags
'te Hemen çıkma izleme çözümleri denemesini Silmeyle Etkin olarak ayarlayın.- Örneğin, demo sayfasında DevTools'u açın ve Uygulama > Arka plan hizmetleri > Hemen çıkma izleme azaltma yöntemleri'ne gidin.
- Demo sayfasında bir hemen çıkma bağlantısını tıklayın ve Chrome'un hemen çıkmayı kaydetmesini bekleyin (10 saniye). Sorunlar sekmesi, yakında yapılacak durum silme işlemi hakkında sizi uyarır.
- Durumu hemen silmek için Zorla çalıştır'ı tıklayın.
Bildirimler
Bir hizmet çalışanı, sunucudan push mesajı aldıktan sonra verileri kullanıcıya göstermek için Notifications API'yi kullanır. Geliştirici Araçları açık olmasa bile bildirimleri üç gün boyunca günlüğe kaydetmek için:
- Örneğin, bu demo sayfasında Geliştirici Araçları'nı açın.
Uygulama > Arka plan hizmetleri > Bildirimler'e gidin ve
Kaydet'i tıklayın.
Demo sayfasında Bildirim planla'yı ve ardından istemde bulunulduğunda İzin ver'i tıklayın.
Bildirimin görünmesini bekleyin. DevTools, bildirim etkinliklerini tabloya kaydeder.
Bir etkinliği tıklayarak tablonun altındaki alanda ayrıntılarını görüntüleyin.
Geliştirici Araçları'nı kapatıp kaydı üç güne kadar çalıştırabilirsiniz. Kaydı durdurmak için
Durdur'u tıklayın.
Tahmine dayalı yüklemeler
Tahmine dayalı yüklemeler, tanımladığınız spekülasyon kurallarına göre hemen hemen anında sayfa yükleme sağlar. Bu sayede web siteniz, gezinilen çoğu sayfayı önceden alabilir ve önceden oluşturabilir.
Ön getirme, bir kaynağı önceden getirir. Ön oluşturma ise bir adım daha ileri giderek sayfanın tamamını gizli bir arka plan oluşturucu sürecinde oluşturur.
Tahmine dayalı yüklemelerde hata ayıklama işlemini Uygulama > Arka plan hizmetleri > Tahmine dayalı yüklemeler bölümünden yapabilirsiniz. Bu bölüm üç görünüm içerir:
- Tahmine dayalı yüklemeler. Geçerli sayfanın tahmine dayalı durumunu, geçerli URL'yi, geçerli sayfanın tahmine dayalı olarak yüklemeye çalıştığı sayfaları ve bu sayfaların durumlarını içerir.
- Kurallar. Öğeler panelinde geçerli sayfadaki kural kümelerini ve spekülasyonların genel durumunu içerir.
- Spekülasyonlar. Tahmini yükleme denemeleri ve durumlarıyla ilgili bilgileri içeren bir tablo içerir. Başarısız olan bir denemeyi tabloda tıklayarak ayrıntılı bilgileri ve başarısızlık nedenini görebilirsiniz.
Bu demo sayfasında tahmine dayalı yüklemelerle ilgili hataları ayıklamaya çalışın:
Sayfada DevTools'u açın ve Uygulama > Arka plan hizmetleri > Tahmini yüklemeler'e gidin. Sayfa tarafından başlatılan tahmine dayalı yükleme göremezseniz sayfayı yeniden yükleyin.
Demo'nun başlangıç sayfası iki sayfayı önceden işler ve bir sayfayı önceden işleyemez. Tüm tahminleri görüntüle'yi tıklayın.
Spekülasyonlar bölümünde, Hata durumuna sahip spekülasyonu seçerek ayrıntılı bilgilerin yer aldığı Hata nedeni bölümünü görebilirsiniz.
Bu durumda, web sitesinde
/next3.html
sayfası olmadığı için önceden getirme işlemi başarısız oldu.Kurallar bölümünü açın ve en altta kural grubunu görmek için Durum'u tıklayın. Kural grubu bağlantısını tıkladığınızda Öğeler paneline yönlendirilirsiniz ve spekülasyon kuralının nerede tanımlandığını görürsünüz.
Daha ayrıntılı bir açıklama için Spekülasyon kurallarında hata ayıklama başlıklı makaleyi inceleyin.
Push mesajlaşma
Bir hizmet çalışanının kullanıcıya push bildirimi göstermesi için önce bir sunucudan veri almak üzere PushMessage API'yi kullanması gerekir. Hizmet çalışanı, bildirimi göstermeye hazır olduğunda Notifications API'yi kullanır. Geliştirici Araçları açık olmasa bile push mesajlarını üç gün boyunca günlüğe kaydetmek için:
- Örneğin, bu demo sayfasında Geliştirici Araçları'nı açın.
Uygulama > Arka plan hizmetleri > Push Mesajları'na gidin ve
Kaydet'i tıklayın.
Demo sayfasında Push bildirimleri etkinleştir'i açın, istem göründüğünde İzin ver'i tıklayın, bir mesaj yazın ve gönderin. DevTools, push bildirim etkinliklerini tabloya kaydeder.
Bir etkinliği tıklayarak tablonun altındaki alanda ayrıntılarını görüntüleyin.
Geliştirici Araçları'nı kapatabilir ve kaydı üç güne kadar çalıştırabilirsiniz. Kaydı durdurmak için
Durdur'u tıklayın.
Reporting API
Bazı hatalar yalnızca üretimde gerçekleşir. Gerçek kullanıcılar, ağlar ve cihazlar oyunu değiştirdiği için bunları yerel olarak veya geliştirme sırasında hiçbir zaman görmezsiniz.
Örneğin, yeni sitenizin kritik komut dosyalarını yüklemek için document.write()
kullanan üçüncü taraf yazılımlara bağlı olduğunu varsayalım. Dünyanın dört bir yanındaki yeni kullanıcılar sitenizi açıyor ancak bağlantıları, test ettiğinizden daha yavaş olabilir. Chrome, yavaş ağlarda document.write()
için müdahale ettiğinden siteniz, sizin haberiniz olmadan bu kullanıcılar için çalışmamaya başlar. Alternatif olarak, kod tabanınızda kullanılıyor olabilecek desteği sonlandırılmış veya yakında desteği sonlandırılacak API'leri de gözden geçirebilirsiniz.
Reporting API, desteği sonlandırılan API çağrılarını, sayfanızdaki güvenlik ihlallerini ve daha fazlasını izlemenize yardımcı olmak için tasarlanmıştır. Raporlamayı, Reporting API ile web uygulamanızı izleme bölümünde açıklandığı şekilde ayarlayabilirsiniz.
Bir sayfa tarafından oluşturulan raporları görüntülemek için:
chrome://flags/#enable-experimental-web-platform-features
bölümüne gidin, Deneysel Web Platformu özellikleri'ni Etkin olarak ayarlayın ve Chrome'u yeniden başlatın.DevTools'u açın ve Uygulama > Arka plan hizmetleri > Reporting API'ye gidin. Örneğin, bu demo sayfasında raporları inceleyebilirsiniz.
Reporting API sekmesi üç bölüme ayrılmıştır:
- Her raporla ilgili aşağıdaki bilgileri içeren Raporlar tablosu:
- Rapor oluşturulmasına neden olan URL
- İhlal Türü
- Rapor Durumları
- Hedef uç noktası
- Oluşturulma zamanı zaman damgası
- Rapor Başlığı
- Rapor gövdesi önizleme bölümü. Bir rapor gövdesini önizlemek için rapor tablosunda bir raporu tıklayın.
Reporting-Endpoints
başlığında yapılandırılan tüm uç noktalara genel bakış sunan Uç noktalar bölümü.
Rapor durumu
Durum sütunu, Chrome'un raporu başarıyla gönderip göndermediğini, göndermek üzere olup olmadığını veya göndermeyi başaramadığını gösterir.
Durum | Açıklama |
---|---|
Success |
Tarayıcı raporu gönderdi ve uç nokta bir başarı koduyla (200 veya başka bir başarı yanıt kodu 2xx ) yanıt verdi. |
Pending |
Tarayıcı, raporu göndermeye çalışıyor. |
Queued |
Rapor oluşturuldu ve tarayıcı henüz göndermeye çalışmıyor. Bir rapor aşağıdaki iki durumdan birinde Queued olarak görünür:
|
MarkedForRemoval |
Tarayıcı, bir süre boyunca yeniden denedikten (Queued ) sonra raporu göndermeye çalışmayı bıraktı ve yakında raporu gönderilecek raporlar listesinden kaldıracak. |
Raporlar, başarıyla gönderilmiş olsun veya olmasın bir süre sonra kaldırılır.