Birkaç tıklamayla DevSuite Pro'yu kullanmaya başlayın
Başlamak basittir. Uzantıyı yükleyin, herhangi bir web sayfasını açın ve pop-up'tan veya yüzen panelden 39'dan fazla geliştirici aracına erişin. Yapılandırma gerekmez.
Uzantıyı Chrome'a ekleyin
Chrome Web Mağazası'nı açın ve "DevSuite Pro" uzantısını arayın.
"Chrome'a Ekle"ye tıklayın ve ardından açılır pencerede "Uzantı ekle"ye tıklayarak onaylayın.
Herhangi bir web sayfasını açın ve bir araç başlatın
Herhangi bir web sitesine gidin, ardından araç çubuğundaki DevSuite Pro simgesine tıklayın veya sayfadaki yüzen paneli kullanın.
Izgaradan herhangi bir aracı seçin. CSS Inspector, Cetveller veya Renk Seçici gibi araçlar mevcut sayfada anında etkinleşir.
Uzantı Özellikleri
DevSuite Pro'nun Temel Özellikleri
DevSuite Pro, web sayfası inceleme, ölçme, tasarım ve analiz için 39'dan fazla geliştirici aracı sunar. Doğrudan tarayıcınıza yerleştirilmiş güçlü özelliklerle iş akışınızı hızlandırın.
CSS Inspector
Herhangi bir öğenin üzerine gelerek CSS stillerini anında görün ve canlı olarak düzenleyin; böylece tasarımları gerçek zamanlı olarak hata ayıklamak ve ayarlamak kolaylaşır.
Özelliklerini, boyutlarını, boşluklarını, yazı tiplerini ve renklerini incelemek için herhangi bir öğeye tıklayın. Tarayıcının DevTools'unu açmadan sayfa yapısını anında anlayın.
Cetveller ve Kılavuzlar
Mesafeleri ölçün, hizalamayı kontrol edin ve tasarımlarınızın mükemmel şekilde hizalandığından emin olmak için herhangi bir web sayfasına piksel hassasiyetinde cetveller ve kılavuzlar ekleyin.
Renk Seçici (Color Picker)
Sayfadaki herhangi bir öğeden renkleri seçin ve HEX, RGB veya HSL değerlerini tek bir tıklamayla panonuza kopyalayın.
Ekran Görüntüsü Yakala
Herhangi bir web sayfasında tüm sayfanın veya görünen alanın ekran görüntülerini alın ve anında indirin; tasarım paylaşmak ve hataları bildirmek için idealdir.
Duyarlı Test Cihazı
Tarayıcıdan ayrılmadan duyarlı tasarımı test etmek için bir web sayfasını farklı ekran boyutlarında ve cihaz çözünürlüklerinde önizleyin.
DevSuite Pro Kullanıcılarından Sıkça Sorulan Sorular
DevSuite Pro uzantısının özellikleri ve kullanımı hakkında yaygın sorular. Bir sorunuz varsa, cevabı aşağıda olabilir.
DevSuite Pro'yu nasıl yüklerim?
Chrome Web Mağazası'nı ziyaret edin, "DevSuite Pro"yu arayın, "Chrome'a Ekle"ye tıklayın ve "Uzantı Ekle"yi seçerek onaylayın. Yüklendikten sonra uzantı simgesi tarayıcınızın araç çubuğunda görünecektir. 39'dan fazla geliştirici aracına anında erişmek için simgeye tıklayın.
Ücretsiz ve Pro araçlar arasındaki fark nedir?
Ücretsiz araçlar (20+) lisans olmaksızın herkes tarafından kullanılabilir. Pro araçlar altın renkli bir PRO rozetine sahiptir ve kullanılabilmesi için etkin bir Pro lisansı gerektirir. Açılır pencerede hangi araçların ücretsiz veya pro olduğunu görebilirsiniz; ücretsiz araçlarda kilit simgesi yoktur, pro araçlar ise lisansınızı etkinleştirene kadar biraz sönük görünür.
Araç bazı web sitelerinde neden çalışmıyor?
Bazı web sitelerinde, tarayıcı uzantılarının belirli eylemlerini engelleyen katı İçerik Güvenliği Politikaları (CSP) bulunur. Bu durum özellikle bankacılık ve devlet web sitelerinde yaygındır. Ayrıca, Chrome'un dahili sayfaları (chrome://) uzantıların içerik komut dosyalarını çalıştırmasına izin vermez.
Sayfada yaptığım değişiklikler kalıcı mı?
Hayır. Öğeyi Taşı, Canlı Metin Düzenleyici, Öğeyi Sil/Gizle ve CSS Inspector gibi araçlarla yapılan tüm değişiklikler geçicidir. Sadece o anda tarayıcınızda gördüğünüzü etkilerler. Sayfayı yenilemek her şeyi orijinal durumuna döndürecektir.
Pro lisansımı nasıl etkinleştiririm?
DevSuite Pro pop-up'ını açın, sağ üst köşedeki Ayarlar simgesine tıklayın. Lisans bölümüne inin, lisans anahtarınızı giriş alanına yapıştırın ve Etkinleştir'e tıklayın. Anahtar geçerliyse rozet ÜCRETSİZ'den PRO'ya dönecek ve tüm pro araçların kilidi anında açılacaktır.
Yüzen paneli nasıl taşıyabilirim veya gizleyebilirim?
Ayarlar'a gidip farklı bir kenar çubuğu konumu seçerek (Üst, Alt, Sol veya Sağ) paneli taşıyabilirsiniz. Ayrıca Ayarlar'da "Paneli sayfalarda göster" anahtarını kapatarak veya istediğiniz zaman Ctrl+Shift+X tuşlarına basarak paneli tamamen gizleyebilirsiniz.
DevSuite Pro tarama verilerini topluyor mu?
Hayır. DevSuite Pro tarama verilerinizin hiçbirini toplamaz, izlemez veya iletmez. Tüm ayarlar tarayıcınızda yerel olarak saklanır. Tek dış istek, lisans anahtarınızın sunucumuzda doğrulanması için lisans anahtarı etkinleştirme sırasında yapılır.
DevSuite Pro'yu Firefox'ta kullanabilir miyim?
Evet! DevSuite Pro hem Chrome Web Mağazası'nda hem de Firefox Eklentileri'nde mevcuttur. Chrome, Edge, Brave ve diğer Chromium tabanlı tarayıcıların yanı sıra Firefox'ta da çalışır.
