Mobil Görünüme Geç

Herhangi bir sayfanın tek tıklamayla mobil görünüm önizlemesi.

Modern web kitleleri hareketsiz durmaz. İşyerinde 27 inç monitörlerden trende cep boyutundaki ekranlara atlarlar ve her sitenin her ikisi için de özel olarak yapılmış gibi hissettirmesini beklerler. Tasarımcılar, geliştiriciler, pazarlamacılar ve hatta günlük güç kullanıcıları için bu günlük bir soruyu gündeme getirir: "Bu sayfa gerçek bir telefonda nasıl görünecek?" Chrome'un kendi DevTools'u bunu yanıtlayabilir; menüler, paneller ve bir cihaz çerçeveleri yığınında gezindikten sonra. Mobil Görünüme Geç, bu yolculuğu tek bir tıklamaya veya kısayola indirger, Araç çubuğu simgesine dokunun (veya Alt + M tuşlarına basın) ve geçerli sayfa anında cep telefonu boyutunda bir görünüm alanına kısıtlanır. Yumuşak gri bir fon, sayfayı tarayıcı penceresinin geri kalanından izole ederek içeriğinizi yıldız haline getirirken Mobil Görünümün etkin olduğunu görsel olarak hatırlatır. Köşede küçük bir rozet, geçerli cihaz ön ayarını görüntüler—iPhone 14 ile başlayarak, Uzantı, en sık talep edilen üç kesme noktasıyla birlikte gelir: iPhone 14 (390 × 844 piksel), Pixel 7 (412 × 915 piksel) ve iPad mini (768 × 1024 piksel). Her ön ayar, seçilen cihazın hissini taklit etmek için meta görünüm etiketini, öğe genişliklerini ve kaydırma davranışını ayarlar. Kimler yararlanır? Ön uç geliştiriciler, DevTools'u açmadan saniyeler içinde düzen gerilemelerini yakalayabilirler; bu, birden fazla şube veya hazırlama sunucusuyla uğraşırken idealdir. UI/UX tasarımcıları, yeni Figma tasarımlarını mühendislere göndermeden önce hızlı bir akıl sağlığı kontrolünden geçerler. Kalite güvence ekipleri, daha hızlı yanıt veren testler için otomatik test paketlerine klavye kısayolları ekleyebilir. İçerik oluşturucuları ve pazarlamacılar, küçük ekranlarda okunabilirliği sağlamak için haber bültenlerini, açılış sayfalarını ve sosyal medya paylaşımlarını önizler. Mobil kullanıcıların bildirdiği sorunları yeniden üreten müşteri destek temsilcilerinin artık fiziksel cihazlara veya simülatörlere ihtiyacı yok. Duyarlı tasarım konseptlerini araştıran eğitimciler ve öğrenciler, erişilebilir ve izin açısından güvenli bir deneme alanına sahip olurlar. İster lansmandan dakikalar önce bir ödeme akışını ince ayarlıyor olun, ister hevesli geliştiricilerle dolu bir sınıfa ders veriyor olun, bu uzantı neredeyse hiç öğrenme eğrisi olmadan iş akışınıza uyum sağlar.