Chrome, Firefox, Edge ve Operada mobil tarayıcı öykünücüsü nasıl kullanılır?

İlgilendiğiniz bir web sitesinin mobil sürümünü test etmek için PC'nizde bir akıllı telefon tarayıcı emülatörüne erişmeniz mi gerekiyor? Belki bir web geliştiricisisiniz veya olmak istiyorsunuz ve üzerinde çalıştığınız proje için bir mobil tarayıcıyı simüle etmeniz gerekiyor. Sebepleriniz ne olursa olsun, Google Chrome, Mozilla Firefox, Microsoft Edge ve Opera'da bir mobil tarayıcı öykünücüsüne nasıl erişeceğiniz aşağıda açıklanmıştır:

İçindekiler

1. Google Chrome'da mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?
2. Mozilla Firefox'ta mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?
3. Microsoft Edge'de mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?
4. Opera'da mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır
5. Mevcut mobil tarayıcı öykünme seçeneklerinden memnun musunuz?

Google Chrome'da mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?

Google Chrome'da, mobil tarayıcı öykünücüsünde görüntülemek istediğiniz web sitesine gidin. Ardından klavyenizdeki CTRL + SHIFT + I tuşlarına basın veya fare ile sağ üst köşedeki üç dikey noktayı tıklayarak “Google Chrome'u Özelleştir ve Kontrol Et” menüsünü açın. Diğer araçlar'ı ve ardından Geliştirici Araçları'nı seçin .

Google Chrome'da Geliştirici Araçlarına Erişin

“Cihaz araç çubuğunu değiştir” düğmesine tıklayın veya dokunun (bir tabletin yanında bir akıllı telefon gibi görünüyor) veya klavyenizde CTRL + Shift + M tuşlarına basın . Bu, mobil sayfanın yüklendiği cihaz araç çubuğunu etkinleştirir. Varsayılan olarak, cihaz araç çubuğu yüklediğiniz site için bir Duyarlı şablon kullanır. Üzerine tıklayın ve taklit etmek istediğiniz mobil cihazı seçin. Seçenekleriniz arasında birçok iPhone, iPad, Surface Duo, iki Samsung Galaxy cihazı ve PC için bir Moto G4 mobil tarayıcı simülatörü bulunmaktadır.

Google Chrome'da mobil tarayıcı öykünücüsü nasıl etkinleştirilir

İPUCU: Maalesef, CTRL + Shift + M klavye kısayolunu ancak geliştirici araçlarını etkinleştirdikten sonra kullanabilirsiniz.

Test etmek istediğiniz sitede gezinin, farklı akıllı telefonlar ve tabletler arasında geçiş yapın ve nasıl göründüğüne bakın. İşiniz bittiğinde, standart masaüstü tarama moduna geri dönmek için Google Chrome'un geliştirici araçlarının sağ üst köşesindeki X (Kapat) düğmesine basın.

Mobil tarayıcı öykünücüsü Google Chrome'u kapatma

İPUCU: Yoğun bir Google Chrome kullanıcısıysanız, Google Chrome'un medya kontrol seçeneklerini nasıl kullanacağınızı da öğrenmek isteyebilirsiniz .

Mozilla Firefox'ta mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?

Mozilla Firefox'ta, mobil tarayıcı simülatörü kullanmak istediğiniz siteyi açın. Ardından, klavyenizde CTRL + Shift + M tuşlarına basın veya Firefox'un menüsünü açmak için sağ üst köşedeki burger düğmesine tıklayın ve Web Developer'ı seçin .

Firefox'ta Web Geliştirici araçlarına erişin

Web geliştiricileri için faydalı araçlarla dolu bir menü görüyorsunuz. Listede “Duyarlı Tasarım Modu”nu seçin ve bir web sayfasını görüntülemenin bu özel modu Firefox'a yüklenir.

Firefox'ta Duyarlı Tasarım Modunu seçin

Firefox, Duyarlı Tasarım Modunu etkinleştirir . Pencerenin üst kısmında bu öykünme modu tarafından kullanılan parametreleri görürsünüz. Hiçbir cihaz seçilmemişse, öykünme için uygun aygıtların bulunduğu bir açılır liste açmak için Duyarlı'ya tıklayın veya dokunun ve ardından benzetmek istediğinizi seçin.

Mobil tarayıcıyı birçok iPhone, iPad, Kindle Fire (Firefox bu öykünme seçeneğini sunan tek tarayıcıdır) ve Samsung Galaxy S9 cihazları için simüle edebilirsiniz.

Firefox'ta mobil tarayıcı öykünücüsünü kullanın

Akıllı telefon tarayıcı öykünücüsüyle testi tamamladığınızda, Mozilla Firefox'un sağ üst köşesindeki X (Duyarlı Tasarım Modunu Kapat) düğmesine basın.

Firefox'ta mobil tarayıcı öykünücüsünü kapatın

Standart masaüstü tarama moduna geri döndünüz.

Microsoft Edge'de mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır?

Microsoft Edge, Google Chrome ile aynı işleme motorunu kullanır ve aynı akıllı telefon tarayıcı öykünücülerini sunar. Bunlara erişmek için test etmek istediğiniz web sitesini ziyaret edin ve klavyenizdeki CTRL + SHIFT + I tuşlarına basın veya Microsoft Edge'in sağ üst köşesindeki üç yatay noktayı ( "Ayarlar ve daha fazlası" ) tıklayın. Görüntülenen menüde Diğer araçlar'a ve ardından Geliştirici Araçları'na gidin .

Microsoft Edge'deki Geliştirici araçlarına erişin

"Cihaz öykünmesini değiştir" düğmesini tıklayın (bir tabletin yanında akıllı telefon gibi görünüyor) veya klavyenizde CTRL + Shift + M tuşlarına basın . Bu, mobil tarayıcı öykünücüsü araç çubuğunu etkinleştirir. Varsayılan olarak, yüklediğiniz site için Duyarlı bir şablon kullanır. Üzerine tıklayın ve taklit etmek istediğiniz mobil cihazı seçin. Seçenekleriniz, Google Chrome ile aynı akıllı telefonları ve tabletleri içerir.

Microsoft Edge'de mobil tarayıcı öykünücüsüne erişin

Test etmek istediğiniz siteye göz atın, farklı mobil cihazlar arasında geçiş yapın ve nasıl göründüğüne bakın. İşiniz bittiğinde, Microsoft Edge'in sağ üst köşesindeki X (Kapat) düğmesine basın.

Microsoft Edge'de mobil tarayıcı öykünücüsünü kapatın

Artık standart masaüstü tarama moduna geri döndünüz.

Opera'da mobil tarayıcı öykünücüsü nasıl açılır ve kullanılır

Opera'da, bir mobil cihaz kullanıyormuş gibi görüntülemek istediğiniz web sayfasını ziyaret edin. Ardından sol üstteki Opera simgesine tıklayın ( “Opera'yı özelleştirin ve kontrol edin” ). Açılan menüde Geliştirici'yi ve ardından Geliştirici araçlarını seçin . Klavyeyi tercih ederseniz , aynı sonuç için CTRL+Shift+I tuşlarına basın.

Opera'daki Geliştirici araçlarına erişin

Geliştirici araçları , tarayıcı penceresinin sağ tarafında görüntülenir. "Cihaz araç çubuğunu değiştir" düğmesini tıklayın (bir tabletin yanında akıllı telefon gibi görünür) veya klavyenizde CTRL + Shift + M tuşlarına basın . Cihaz araç çubuğu solda gösterilir. Varsayılan olarak, yüklediğiniz site için Duyarlı bir şablon kullanır. Üzerine tıklayın ve taklit etmek istediğiniz mobil cihazı seçenekler listesinden seçin. Opera, aynı oluşturma motorunu (Chromium) temel aldığından, Google Chrome ve Microsoft Edge ile aynı mobil tarayıcı öykünücülerini sunar.

Opera'da mobil tarayıcı öykünücüsüne erişin

Testi tamamladığınızda, standart masaüstü tarama moduna geri dönmek için sağ üst köşedeki X (Kapat) düğmesine basın.

Opera'da mobil tarayıcı öykünücüsünü kapatın

Mevcut mobil tarayıcı öykünme seçeneklerinden memnun musunuz?

Artık her türlü mobil cihazı favori web tarayıcınızda nasıl taklit edeceğinizi biliyorsunuz. Ancak, çoğu web tarayıcısının iPhone ve iPad'leri tercih eden aynı öykünme seçeneklerini sunduğunu fark edebilirsiniz. Modern bir Android akıllı telefon veya tableti taklit etmek istiyorsanız, Android'in arkasındaki şirket tarafından geliştirilen tarayıcı olan Google Chrome'da bile şansınız oldukça zayıf. En iyi sonuçları istiyorsanız, bu görev için iki tarayıcı kullanmanız gerekebilir: Chrome ve Firefox veya Firefox ve Edge veya Opera. Gitmeden önce, mevcut seçenekler hakkında ne düşündüğünüzü bize bildirin.