Edge Geliştirici Araçları, Chrome Geliştirici Araçları ile karşılaştırıldığında

Bu öğreticide, Microsoft Edge Geliştirici Araçlarını keşfedeceksiniz, ki bu yönden Google Chrome Geliştirici Araçlarına oldukça benzerler. Araçları nasıl açabileceğinizi ve verimli bir şekilde nasıl kullanabileceğinizi ve ayrıca iki tarayıcı geliştirme aracı arasındaki farkları keşfedeceksiniz.

En Önemli Bulgular

Edge Geliştirici Araçları, temel işlevler konusunda Chrome Geliştirici Araçlarına neredeyse tamamen benzer bir kullanıcı arayüzü sunar. Farklar öncelikli olarak kullanıcı arayüzünde ve az sayıda ek işlevde bulunurken, temel araçlar ve kısayollar oldukça aynı kalmıştır.

Adım adım kılavuz

Edge Geliştirici Araçlarını açmak için farklı seçenekleriniz bulunmaktadır. Bir yol, F12 tuşuna basmaktır. Mac kullanıcıları, Command + Option + I tuş kombinasyonunu kullanabilir. Windows kullanıcıları ise ayrıca Control + Shift + I kombinasyonunu da kullanabilirler. Araçları bağlam menüsü üzerinden açmak isterseniz, web sitesi başlığına sağ tıklayarak "İncele" seçeneğini seçmelisiniz.

Eğer daha önce Chrome Geliştirici Araçlarını kullanmışsanız, Edge Geliştirici Araçları'nın arayüzü size hemen tanıdık gelecektir. Sekmeler aynıdır, simgeler biraz farklı görünür ve ek araçlara üst çubuktaki bir „Artı“ simgesi üzerinden erişebilirsiniz. Chrome‘da bu ek araçlar ana menü üzerinden erişilebilir hale getirilmiştir.

Edge Geliştirici Araçlarına yeni bir sekme eklemek isterseniz, sadece Artı simgesine tıklamanız yeterlidir. Örneğin animasyon aracını ekleyebilirsiniz. Bu araç daha sonra sekme çubuğunun üst kısmında gösterilir, Chrome Geliştirici Araçları'ndakine benzer şekilde.

"Hoş Geldiniz" sekmesi de mevcuttur, benzer şekilde Chrome'daki "Yenilikler" sayfasına. Burada Araçların fonksiyonları hakkında bir genel bakış alabilirsiniz. Şimdiye kadar ele almadığımız, potansiyel olarak faydalı ipuçlarını ve püf noktalarını keşfetmek için bu sekme'yi incelemenizi öneririm.

Edge Geliştirici Araçlarının bir diğer faydalı özelliği, sekmeleri sola taşıyabilme imkanıdır. Bu, sekmelerin dikey bir düzende görünmesini sağlar. Simgeler ardıklarında açıklamalar şeklinde gözükür, bu da alan tasarrufu yapar ve araçlar için daha fazla alan sağlar.

Designer araçları kendileri Chrome ayarlarına benzeyen farklı ayarlar üzerinden düzenlenebilir. Açılır menüleri, belgeleri ve etkinlik çubuğunu özelleştirebilirsiniz. Böylece alışık olduğunuz çalışma ortamını koruyabilirsiniz.

Edge araçlarında Chrome'da bulunmayan Azure DevOps simgesi için ek simge bulunmaktadır. Bu, Azure ortamında çalışan geliştiriciler için özellikle yararlıdır.

İlgili sekmeler arasında gezindiğinizde, her iki aracın yapısı ve işlevlerinin neredeyse aynı olduğunu fark edeceksiniz. Stilleri, hesaplanmış düzenleri ve Chrome'da alışkın olduğunuz her şeyi Edge'de de kullanabilirsiniz.

Ancak özellik güncellemeleri biraz farklı olabilir. Chrome yeni bir özellik eklediğinde, bu özelliğin Edge'de biraz daha sonra veya tam tersi şekilde kullanılabilir hale gelebileceğini unutmamak önemlidir. Bu nedenle, farklı araçlara hangi yeni özelliklerin eklendiğini düzenli olarak kontrol etmek önemlidir.

İşte Edge Geliştirici Araçları hakkında bilmeniz gerekenler. Eğer Chrome Geliştirici Araçlarına zaten hakimseniz, Edge Geliştirici Araçlarına hızlıca alışacaksınız.

Özet

Bu öğreticide, Google Chrome ve Microsoft Edge Geliştirici Araçları arasındaki benzerlikleri ve farkları öğrendiniz. Artık araçları nasıl açacağınızı ve web projelerinizde verimli bir şekilde çalışmanızı sağlayacak hangi işlevlerin sizin için mevcut olduğunu biliyorsunuz.