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

Sofia Emelianova

Geliştirici Araçları'nda yapılan kod değişikliklerini izlemek için Değişiklikler panelini kullanın.

Genel Bakış

Değişiklikler panelini kullanarak, şu alanlarda 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 panelinde yalnızca 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 panelini açma

Değişiklikler panelini 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 panelini 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 panelini açın ve panelin sağ tarafından bir dosya seçin.

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

Değişiklikler paneli diff çıktısını otomatik olarak okunaklı hâle getirir. Böylece değişiklikleri tek bir satırda görmek için 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 panelini açın ve panelin sağ tarafında değişiklik yaptığınız CSS dosyasını seçin.

   

2. Değişiklikler panelinin 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 panelinin 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.