- - Krom İçin Müfettiş, Duyarlı Tasarım İçin Harika Bir Öğrenme Aracıdır

Krom İçin Duyarlı Müfettiş, Duyarlı Tasarım İçin Harika Bir Öğrenme Aracıdır

Chrome, geliştirici araçlarında çok büyük değildir veFirefox’un çoğu geliştiriciye yönelik tarayıcı olmasının sebeplerinden biri de budur. Ancak, Chrome'u kullananlar için, bu konuda onlara yardımcı olacak birçok uzantı vardır. Duyarlı Müfettiş haklı olarak rekabet edebilecek bir Chrome uzantısıdır.Duyarlı Tasarım Mozilla'nın Firefox 15'te tanıtıldığını görün. Duyarlı Müfettiş ikisi bir arada bir araçtır; size bir web sitesinin optimize edildiği ekran boyutlarını gösterir ve açılır pencereden farklı bir web sitesine hızlı bir şekilde geçmenizi sağlar. Ayrıca, bu boyutlardan birine göre ayarlanmış bir web sayfasının ekran görüntülerini alabilir. Belli ekran boyutları için zaten optimize edilmiş olan web siteleri için, bundan sorumlu olan CSS kodunu görüntüleyebilir ve bu sayede duyarlı tasarım geliştiricileri için harika bir öğrenme aracı haline getirebilirsiniz.

Duyarlı Müfettiş yanına kare bir düğme eklerBir açılır pencereyi açan URL çubuğu. Uzantı, o anda yüklü olan web sitesinin çubuklar için optimize edildiği tüm ekran boyutlarını gösterir. Ekran boyutu her çubuğun sonuna yazılır ve üst kısımdaki piksel ölçeği size farklı ekran boyutlarını gösterir. Farenizi ölçeğin üzerine getirin ve her kalibrasyon çizgisi için, size gösterdiği ekran boyutunu göstermek için bir pop belirir. Aynı açılır pencerede kamera düğmesinin yanı sıra bir yeniden boyutlandırma düğmesi de vardır. Birincisine tıkladığınızda tarayıcı pencereniz otomatik olarak bu genişliğe yeniden boyutlandırılır. İsterseniz, ekran görüntüsünü almak için kamera düğmesini tıklatabilirsiniz. Ekran görüntüsü yerel sürücünüze kaydedilebilir veya Behance.net'e yüklenebilir. Daha iyi bir piksel ölçeğine ihtiyaç duyuyorsanız, büyütmek için yakınlaştır düğmesine tıklayın.

duyarlı müfettiş ekran görüntüsü

Görüntüleme seçeneklerini kodlamak için kullanılan CSS’yi görüntülemekfarenizi, web sitesinin optimize edilmiş bir ekran boyutunu temsil eden çubuklardan birinin üzerine getirin ve sonunda bir {} düğmesinin göründüğünü göreceksiniz. CSS kodunu yeni bir sekmede görüntülemek için tıklayın. Kod doğrudan düzenlenemez, ancak değişiklik yapmak için kopyalayabilir veya inceleme aracını kullanabilirsiniz. Duyarlı Müfettiş Firefox'ta Duyarlı Tasarım Görünümünü oldukça iyi taklit eder; Aslında, uzantının aracın üstünde bir kesik olduğunu söylemek yanlış olmaz. Firefox'un size ekran boyutu hazır ayarları verdiği yerde, Responsive Inspector size bütün bir ölçek ve çok fazla özgürlük tanır ve ardından ekran görüntüsü aracı vardır. Hazır ayarlar, Duyarlı Müfettiş'i daha faydalı bir hale getirecek ve eklenmeli. Bu olmasa bile, uzatma son derece iyi çalışıyor.

Chrome Web Mağazası'ndan Responsive Inspector'ı yükleyin

Yorumlar