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

Sofya Emelianova

GitHub

Değişiklikler sekmesinde, aşağıdaki alanlarda yaptığınız değişiklikleri izleyin:

• Yerel geçersiz kılmaların etkin olduğu Kaynaklar'daki HTML
• Öğeler > Stiller veya Kaynaklar'da CSS
• Kaynaklar'daki 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 sayfa yüklemeleri arasında değişiklikleri korumasını sağlamak için Yerel geçersiz kılma işlemleri bölümündeki adımları uygulayın.

Geliştirici Araçları'nın yerel kaynaklarınıza değişiklik yazmasını sağlamak için Çalışma alanları ile dosyaları düzenleme ve kaydetme başlıklı makaledeki 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 Komut 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.

   

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

Değişiklikler" genişlik="800" yükseklik="460">

Varsayılan olarak Geliştirici Araçları, Çekmece'de, Geliştirici Araçları pencerenizin en altındaki Değişiklikler sekmesini görüntüler.

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

Yaptığınız değişiklikleri görüntülemek için:

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

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

   • HTML: Önce Yerel geçersiz kılmaları etkinleştirin, ardından Kaynaklar'da değişiklik yapın
   • Öğeler > Stiller veya Kaynaklar'da CSS
   • Kaynaklar'daki 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ışını inceleyin:

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

CSS değişikliklerini kopyala

Öğeler > Stiller bölümünde CSS'de değişiklik yaptıysanız bunların tamamını 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 dosyayı seçin.
2. Alttaki işlem çubuğunda Tüm değişiklikleri geçerli dosyaya geri döndür'ü tıklayın.