Eğitimi

Bir masaüstü tarayıcısında (Chrome, Firefox, Opera, Edge ve Internet Explorer) bir mobil cihaz nasıl taklit edilir?

Mobil cihazlarda ziyaret edildiğinde daha fazla seçenek ve özellik sunan web siteleri var. Bu olduğunda ve bir masaüstü tarayıcı kullanıyorsanız, aldığınız sınırlı kullanıcı deneyimi nedeniyle hayal kırıklığına uğrarsınız. Diğer zamanlarda, bir web sitesinin iPhone, iPad veya Pixel 2 akıllı telefon gibi belirli bir mobil cihazda nasıl göründüğünü test etmek ve görmek isteyebilirsiniz. Bir masaüstü bilgisayardaki bir mobil sitenin nasıl görüntüleneceği (ve test edileceği):

NOT: Bu kılavuz, Windows'da Google Chrome, Mozilla Firefox, Opera, Microsoft Edge ve Internet Explorer'ı kapsar. Sizinle ilgilenmeniz gereken adımları bulmak için sizi ilgilendiren tarayıcının bölümüne gidin.

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

Google Chrome’da, görüntülemek istediğiniz mobil web sitesini yükleyin. Ardından, sağ üst köşedeki üç dikey noktaya tıklayın veya dokunun. "Google Chrome'u özelleştirme ve kontrol etme" düğmesi . Açılan menüde Daha fazla araç ve ardından "Geliştirici araçları" nı seçin. Geliştirici araçları açılıyor. Aynı sonucu elde etmek için, klavyenizdeki CTRL + ÜstKrktr + I tuşlarına da basabilirsiniz.

"Aygıt araç çubuğunu değiştir" düğmesine tıklayın veya dokunun (bir akıllı telefona ve birbirine yakın bir tablete benzeyen küçük bir düğme) veya klavyenizde CTRL + ÜstKrkt + M tuşlarına basın. Bu, mobil sayfanın yüklendiği cihaz araç çubuğunu etkinleştirir. Varsayılan olarak, araç araç çubuğu yüklediğiniz sayfa için bir Duyarlı şablon kullanır. Üzerine tıklayın ve taklit etmek istediğiniz mobil cihazı seçin: Samsung Galaxy S5, Piksel 2, Piksel 2 XL, iPhone (iPhone 5'den iPhone X'e), iPad ve iPad Pro. Mobil sayfa, listeden seçtiğiniz akıllı telefonu veya tableti kullanıyormuşsunuz gibi yeniden yüklenir. Masaüstü bilgisayar kullandığınızı bilmiyor.

İş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.

Mozilla Firefox'ta mobil tarayıcı taklitçisi nasıl etkinleştirilir

Mozilla Firefox'ta, bir mobil cihaz kullanıyormuşsunuz gibi erişmek istediğiniz mobil sayfayı açın. Ardından sağ üst köşedeki burger düğmesine tıklayın veya dokunun. "Açık menü" olarak adlandırılmıştır .

Açılan menüde Web Developer'ı seçin.

Geliştiriciler için yararlı birçok seçenek görüyorsunuz. Sizi ilgilendiren "Duyarlı Tasarım Modu". Bu seçenek üzerine tıklayın veya üzerine dokunun. Bir web sayfasını görüntüleyen bu özel mod şimdi Firefox'ta yüklenmiştir. Aynı sonuç, klavyenizde CTRL + Shift + M tuşlarına basarak da elde edilebilir.

Duyarlı Tasarım Modu etkin. Ekranın ortasında, bu mod tarafından kullanılan parametreleri görüyorsunuz. Hiçbir cihaz seçilmemişse, öykünme için kullanılabilir cihazlar ile açılan listeye tıklayın veya dokunun ve simüle etmek istediğinizi seçin: Samsung Galaxy S9, iPad, iPhone (iPhone 6'dan iPhone X'e kadar), Kindle Fire HDX, ve bunun gibi. Mobil sayfa, öykünme için seçtiğiniz mobil cihazda yüklenmiş gibi yeniden yüklenir.

İşiniz bittiğinde, standart masaüstü tarama moduna geri dönmek için X (Close Responsive Design Mode) düğmesine basın.

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

Opera'da, mobil cihaz kullanıyormuşsunuz gibi görüntülemek istediğiniz mobil sayfayı yükleyin. Ardından sol üstteki Opera simgesini tıklayın. Bu "Opera'yı Özelleştir ve Kontrol Et " düğmesi. Açılan menüde Geliştirici'yi ve ardından Geliştirici araçlarını seçin . Geliştirici araçları, tarayıcı penceresinin sağ tarafında görüntülenir. Aynı sonuç, klavyenizdeki CTRL + Shift + I tuşlarına basılarak da elde edilebilir.

Ardından, "Aygıt araç çubuğunu değiştir" düğmesine tıklayın veya dokunun (bir akıllı telefona ve birbirine yakın bir tablete benzeyen küçük bir düğme) veya klavyenizde CTRL + ÜstKrktr + M tuşlarına basın. Bu, web sayfanızın yüklü olduğu cihaz araç çubuğunu etkinleştirir. Üzerine tıklayın ve taklit etmek istediğiniz mobil cihazı seçin: Samsung Galaxy S5, Piksel 2, Piksel 2 XL, iPhone (iPhone 5'den iPhone X'e), iPad ve iPad Pro. Mobil sayfa, listeden seçtiğiniz akıllı telefonun veya tabletin özelliklerini kullanarak Opera'nın içinde yeniden yüklenir.

İşiniz bittiğinde, masaüstüne geri dönebilmek için Opera'nın geliştirici araçlarının sağ üst köşesindeki X (Kapat) düğmesine basın.

Microsoft Edge'de mobil tarayıcı taklitçisi nasıl etkinleştirilir

Microsoft Edge'de, görüntülemek istediğiniz siteyi bir mobil cihaz kullanıyormuş gibi yükleyin. Ardından, tarayıcı penceresinin sağ üst köşesinde bulunan "Ayarlar ve daha fazlası" düğmesine tıklayın veya dokunun. Simgesi üç noktaya benziyor. Windows 10 Ekim 2018 Güncelleştirmesi'ni kullanıyorsanız, "Daha fazla araç" ve ardından "Geliştirici Araçları" na gidin. Windows 10 Nisan 2018 Güncelleştirmesi veya daha eski bir sürümünü kullanıyorsanız, F12 Geliştirici Araçları'nı seçin. Geliştirici Araçları tarayıcı penceresinin altında açılır. Windows 10'unuz ne kadar eski ya da yeni olursa olsun, aynı sonucu klavyenizdeki F12 tuşlarına basarak gerçekleştirebilirsiniz.

Geliştirici Araçları'nda birkaç sekme görüyorsunuz. Emülasyonu görüyorsanız, tıklayın veya üzerine dokunun. Yapmazsanız, aşağı okuna tıklayın veya dokunun ve açılan menüden Emülasyon'u seçin.

Ardından, Cihaz açılır menüsüne tıklayın veya dokunun. Aşağıdaki aygıtları taklit etmeyi seçebilirsiniz: Lumia 650, Lumia 950, Lumia 950 XL, Yüzey Kitabı, Yüzey Pro 4, iPad, iPad Mini, Nexus 5, Nexus 5X ve Nexus 6P.

İşiniz bittiğinde, masaüstü taramaya geri dönmek için Microsoft Edge'in geliştirici araçlarının sağ üst köşesindeki X (Kapat) düğmesine basın.

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

Internet Explorer'da, bir mobil cihaz kullanıyormuşsunuz gibi görüntülemek istediğiniz mobil sayfaya. Sağ üst köşedeki Araçlar düğmesini tıklayın veya klavyenizde ALT + X tuşlarına basın . Ardından, F12 Geliştirici Araçları'nı seçin. Geliştirici Araçları, Internet Explorer'ın altında gösterilir. Klavyenizde F12 tuşuna basılarak aynı sonuç elde edilebilir.

Emülasyon sekmesine ve ardından Tarayıcı açılır listesine tıklayın veya dokunun. Burada, Windows Phone'u mobil cihazınız olarak seçmeniz gerekir ve Windows Phone ile bir akıllı telefon kullanıyormuşsunuz gibi web sayfası yeniden yüklenir. Ne yazık ki, Internet Explorer size Android akıllı telefonlarını veya iPhone'larını ve iPad'lerini taklit etme seçeneğini sunmuyor.

İşiniz bittiğinde, masaüstüne geri dönebilmek için geliştirici araçlarının sağ üst köşesindeki X (Kapat) düğmesine basın.

Hangi web sitelerinde bir mobil cihaz taklit etmeniz gerekiyor?

Artık en sevdiğiniz web tarayıcısında her türlü mobil cihazı nasıl taklit edeceğinizi biliyorsunuz. Bu eğiticiyi kapatmadan önce, bu emülasyon özelliğini kullanmak için hangi web sitelerini kullanmanız gerektiğini bize bildirin. Çok merak ediyoruz. Bu (in) ünlü Instagram veya başka bir mobil site mi?