Değişiklikler: HTML, CSS ve JavaScript değişikliklerinizi izleme

Sofia Emelianova

Değişiklikler sekmesini kullanarak, aşağıdakilerde yaptığınız değişiklikleri izleyin:

• Kaynaklarda etkinleştirilmiş Yerel geçersiz kılmalara sahip HTML
• Öğeler'deki CSS > Stiller veya Kaynaklar
• Kaynaklar'da JavaScript

Değişiklikler sekmesinde, Geliştirici Araçları'nda yaptığınız değişiklikler gösterilir. Geliştirici Araçları'nı veya sayfanızı yeniden yüklerseniz değişiklikler kaybolur.

Geliştirici Araçları'nın yapılan değişikliklerin sayfa yüklemelerinde kalıcı olmasını sağlamak için Yerel geçersiz kılmalar bölümündeki adımları uygulayın.

Geliştirici Araçları'nın yerel kaynaklarınızda değişiklik yazmasını sağlamak için Çalışma alanları ile dosya düzenleme ve kaydetme bölümündeki adımları uygulayın.

Değişiklikler sekmesini açma

Değişiklikler sekmesini açmak için:

1. Geliştirici Araçları'nı açın.

2. Command+Üst Karakter+P (Mac) veya Control+Üst Karakter+P (Windows, Linux, ChromeOS) tuşlarına basarak Command Menüsü'nü açın.

3. changes yazmaya başlayın, Değişiklikleri Göster'i seçin ve Enter tuşuna basın.

   

Alternatif olarak sağ üst köşedeki Geliştirici Araçları'nı özelleştir ve kontrol et'i tıklayın. > Diğer araçlar > Değişiklikler.

Geliştirici Araçları, varsayılan olarak Geliştirici Araçları pencerenizin alt kısmındaki Çekmecede Değişiklikler sekmesini gösterir.

Değişikliklerinizi görüntüleme ve anlama

Değişikliklerinizi görüntülemek için:

1. Geliştirici Araçları'nı açın.

2. Kaynaklarınızda değişiklik yapın:

   • HTML: Öncelikle Yerel geçersiz kılmaları etkinleştirin, ardından Kaynaklar'da değişiklik yapın
   • Öğeler'deki CSS > Stiller veya Kaynaklar
   • Kaynaklar'da JavaScript

3. Değişiklikler sekmesini açın ve sekmenin sağ tarafından bir dosya seçin.

4. Aşağıdakileri vurgulayan bir diff çıkışı inceleyin:

Değişiklikler sekmesi diff çıkışını otomatik olarak güzelce yazdırır, böylece değişiklikleri tek bir satırda görmek için sayfayı yatay olarak kaydırmanız gerekmez.

CSS değişikliklerini kopyala

Öğeler > bölümünden CSS'de değişiklik yaptıysanız Stiller'i seçerseniz hepsini tek bir düğmeyle kopyalayabilirsiniz:

1. Değişiklikler sekmesini açın ve sekmenin sağ tarafında değişiklik yaptığınız CSS dosyasını seçin.

   

2. Değişiklikler sekmesinin alt kısmındaki Kopyala düğmesini tıklayın.

Dosyada yapılan tüm değişiklikleri geri alma

Dosyada yapılan değişiklikleri geri almak için:

1. Değişiklikler sekmesinin sol tarafında, geri alınacak değişiklikleri içeren bir dosya seçin.
2. En alttaki işlem çubuğunda Tüm değişiklikleri mevcut dosyaya geri döndür'ü tıklayın.