Web içeriğini ve HTTP yanıt başlıklarını yerel olarak geçersiz kıl

Sofia Emelianova

Yerel geçersiz kılmalar sayesinde, erişiminiz olmasa bile uzak kaynakları taklit etmek için HTTP yanıt üst bilgilerini ve XHR ve getirme istekleri dahil olmak üzere web içeriğini geçersiz kılabilirsiniz. Böylece arka ucun desteklemesini beklemeden değişikliklerin prototipini oluşturabilirsiniz. Yerel geçersiz kılma işlemleri, Geliştirici Araçları'nda yaptığınız değişiklikleri sayfa yüklemelerinde tutmanıza da olanak tanır.

İşleyiş şekli:

• Geliştirici Araçları'nda değişiklik yaptığınızda Geliştirici Araçları, değiştirilen dosyanın bir kopyasını belirttiğiniz bir klasöre kaydeder.
• Geliştirici Araçları, sayfayı yeniden yüklediğinizde ağ kaynağı yerine yerel, değiştirilmiş dosyayı yayınlar.

Sınırlamalar

Yerel geçersiz kılmalar, birkaç istisna dışında ağ yanıtı üstbilgilerinde ve XHR ve getirme istekleri dahil olmak üzere çoğu dosya türünde çalışır:

• Yerel geçersiz kılmalar etkinleştirildiğinde önbellek devre dışı bırakılır.
• Geliştirici Araçları, Öğeler panelinin DOM ağacında yapılan değişiklikleri kaydetmez.
• CSS'yi Stiller bölmesinde düzenlerseniz ve söz konusu CSS'nin kaynağı bir HTML dosyasıysa Geliştirici Araçları değişikliği kaydetmez.

Bunun yerine, HTML dosyalarını Kaynaklar panelinde düzenleyebilirsiniz.

Yerel geçersiz kılmaları ayarlama

Web içeriğini veya yanıt başlıklarını Ağ panelinde hemen geçersiz kılabilirsiniz:

1. Geliştirici Araçları'nı açın, Ağ paneline gidin, geçersiz kılmak istediğiniz isteği sağ tıklayın. Açılır menüden Üstbilgileri geçersiz kıl veya İçeriği geçersiz kıl'ı seçin.
2. Henüz yerel geçersiz kılmaları ayarlamadıysanız en üstteki işlem çubuğunda Geliştirici Araçları sizden şunları yapmanızı ister:
   1. Geçersiz kılma dosyalarının depolanacağı bir klasör seçin.
   2. Geliştirici Araçları'na erişim hakları vermek için İzin ver'i tıklayın.
3. Yerel geçersiz kılmalar ayarlamış ancak devre dışı bırakmışsanız Geliştirici Araçları bunları otomatik olarak etkinleştirir.

4. Geliştirici Araçları, neyi geçersiz kılacağınıza bağlı olarak yerel geçersiz kılmalar ayarlanıp etkinleştirildikten sonra aşağıdakileri yapmanızı sağlar:

   • Web içeriği üzerinde değişiklik yapmanıza olanak tanıyan Kaynaklar paneli.
   • Ağ > Üstbilgiler > Yanıt Başlıkları'ndaki düzenleyici, yanıt başlıklarında değişiklik yapmanıza olanak tanır.

Yerel geçersiz kılmaları geçici olarak devre dışı bırakmak veya tüm geçersiz kılma dosyalarını silmek için Kaynaklar > Geçersiz Kılmalar'a gidin ve check_box_outline_blank Yerel Geçersiz Kılmaları Etkinleştir onay kutusunun işaretini kaldırın veya sırasıyla block Temizle'yi tıklayın.

Tek bir geçersiz kılma dosyasını veya bir klasördeki tüm geçersiz kılmaları silmek için Kaynaklar > Geçersiz kılmalar'da dosya veya klasörü sağ tıklayın, Sil'i seçin ve iletişim kutusunda Tamam'ı tıklayın. Bu işlem geri alınamaz ve silinen geçersiz kılmaları manuel olarak yeniden oluşturmanız gerekir.

Tüm geçersiz kılmaları hızlıca görmek için Ağ panelinde bir isteği sağ tıklayıp Tüm geçersiz kılmaları göster'i seçin. Geliştirici Araçları sizi Kaynaklar > Geçersiz kılmalar'a yönlendirir.

Web içeriğini geçersiz kıl

Web içeriğini geçersiz kılmak için:

1. Yerel geçersiz kılmaları ayarlayın.
2. Dosyalarda değişiklik yapıp Geliştirici Araçları'na kaydedin.

Örneğin, CSS HTML dosyalarında bulunmadığı sürece Kaynaklar'daki dosyaları veya Öğeler > Stiller'deki CSS'yi düzenleyebilirsiniz.

Geliştirici Araçları değiştirilen dosyaları kaydeder, Kaynaklar > Geçersiz Kılmalar'da listeler ve ilgili paneller ile bölmelerde geçersiz kılınmış dosyaların yanındaki simgesini gösterir: Öğeler > Stiller, Ağ ve Kaynaklar > Geçersiz kılmalar.

Buna ek olarak, Ağ panelinde, geçersiz kılınmış web içeriğine sahip bir isteğin Yanıt sekmesinin yanında bir ipucu içeren mor bir nokta simgesi gösterilir.

Uzak kaynakları taklit etmek için XHR veya getirme isteklerini geçersiz kıl

Yerel geçersiz kılmalar sayesinde, arka uca erişmeniz ve değişikliklerinizi desteklemesi için beklemeniz gerekmez. Anında dalgalar ve denemeler yapın:

1. Yerel geçersiz kılmaları ayarlayın.
2. Ağ bölümünde XHR/fetch isteklerini filtreleyin, ihtiyacınız olan isteği bulun, sağ tıklayın ve İçeriği geçersiz kıl'ı seçin.
3. Getirilen verilerde değişikliklerinizi yapın ve dosyayı kaydedin.
4. refresh Sayfayı yenileyin ve değişikliklerinizin uygulandığını görün.

Bu iş akışını öğrenmek için aşağıdaki videoyu izleyin:

Yerel değişikliklerinizi izleme

Web içeriğinde yaptığınız tüm değişiklikleri tek bir yerden, yani Değişiklikler çekmece sekmesinde takip edebilirsiniz.

HTTP yanıt başlıklarını geçersiz kıl

Ağ panelinden, web sunucusuna erişim olmadan HTTP yanıt başlıklarını geçersiz kılabilirsiniz.

Yanıt başlığı geçersiz kılmaları sayesinde, aşağıdakiler de dahil ancak bunlarla sınırlı olmamak üzere çeşitli başlıklar için yerel olarak düzeltme prototipleri oluşturabilirsiniz:

• Ortamlar Arası Kaynak Paylaşımı (CORS) Başlıkları
• İzinler-Politika Üstbilgileri
• Çapraz Kökenli İzolasyon Başlıkları

Bir yanıt başlığını geçersiz kılmak için:

1. Yerel geçersiz kılmaları ayarlayın ve inceleyin (örneğin, bu demo sayfasını).
2. Ağ'a gidin, bir isteği bulun, sağ tıklayın ve Üstbilgileri geçersiz kıl'ı seçin. Geliştirici Araçları sizi Başlıklar > Yanıt Üstbilgileri düzenleyicisine götürür.

3. Fareyle bir yanıt başlığı değerinin üzerine gelin ve imleci oraya yerleştirin.

   

   Alternatif olarak, Yanıt Başlıkları düzenleyicisini etkinleştirmek için bir yanıt başlığı değerinin üzerine gelin ve edit Düzenle'yi tıklayın.

4. Üstbilgiyi değiştirin veya yeni üstbilgi ekleyin.

   

   • Bir başlık değerini düzenlemek için ilgili üstbilgi değerini tıklayın.
   • Yeni bir üstbilgi eklemek için add Üstbilgi ekle'yi tıklayın.
   • Üstbilgi geçersiz kılma ayarını kaldırmak için, ilgili üstbilginin yanındaki delete işaretini tıklayın. Bu işlem, eklediğiniz başlıkları kaldırır veya değiştirilen değerleri orijinal değerlerine geri döndürür.

   Ağ paneli, değiştirilmiş başlıklar yeşil renkte vurgulanır ve kaldırılan geçersiz kılmalar kırmızı ve üstü çizili olur. Ayrıca, Başlıklar sekmesinde, başlıkların geçersiz kılındığını bildiren bir ipucu içeren mor bir nokta simgesi gösterilir.

5. refresh Değişiklikleri uygulamak için sayfayı yenileyin.

Tüm yanıt başlığı geçersiz kılmalarını düzenle

Tüm üstbilgi geçersiz kılmalarını tek bir yerde düzenlemek için:

1. Yanıt Başlıkları bölümünün yanındaki .headers öğesini tıklayın.

   

   Geliştirici Araçları sizi Kaynaklar > Geçersiz kılmalar'daki ilgili .headers dosyasına yönlendirir.

2. .headers dosyasını düzenleyin:

   

   • Yeni bir geçersiz kılma kuralı eklemek için Geçersiz kılma kuralı ekle'yi tıklayın. Buradaki kural, bir başlık ve değer grubu ile bunların uygulanacağı bir veya birden fazla istektir.

   • Bir kurala başlık/değer çifti eklemek için fareyle başka bir çiftin üzerine gelin ve add simgesini tıklayın.

   • Bir başlık değerini geri almak için, eklenen bir başlığı veya kuralı kaldırın, fareyle üzerine gelin ve delete simgesini tıklayın.

3. .headers dosyasını Command / Control + S tuşlarına basarak kaydedin.

4. refresh Değişiklikleri uygulamak için sayfayı yenileyin.