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:
Command+Üst Karakter+P (Mac) veya Control+Üst Karakter+P (Windows, Linux, ChromeOS) tuşlarına basarak Komut Menüsü'nü açın.
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:
- Geliştirici Araçları'nı açın.
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
Değişiklikler sekmesini açın ve sekmenin sağ tarafından bir dosya seçin.
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:
Değişiklikler sekmesini açın ve sekmenin sağ tarafında değişiklik yaptığınız CSS dosyasını seçin.
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:
- Değişiklikler sekmesinin sol tarafında, geri alınacak değişiklikleri içeren bir dosyayı seçin.
- Alttaki işlem çubuğunda Tüm değişiklikleri geçerli dosyaya geri döndür'ü tıklayın.