Chrome Bilgisayarda Mobil Site Görünümü Nasıl Etkinleştirilir?

Sayfa geliştiricisi için sitenin Mobil Site görünümüne uyup uymadığını kontrol etmek çok önemlidir. Bunu Chrome Bilgisayarda kontrol etmenin en iyi yolu, Geliştiriciler araçlarıdır. Bunun için siteyi açmanız ve ardından ekranın sağ üst köşesindeki üç noktaya dokunmanız gerekiyor. Ardından, daha fazla araç açmanız ve geliştirici araçlarına dokunmanız gerekir. Oradaki Öğeler seçeneğinin sol tarafında bir cihaz değiştirme simgesi bulacaksınız, üzerine dokunun ve mobil görünüm sitesini görebileceksiniz.

Bir geliştiriciyseniz ve mobil site görünümünü Google Chrome gibi bir masaüstü bilgisayar tarayıcısında görüntülemek istiyorsanız, aşağıdaki ipucunu kullanabilirsiniz. Bu, sitenizin görünümünü masaüstünden mobil ortama hızla geçirmenize ve ön uç görünümünü ve hissini test etmenize yardımcı olabilir.

Google Chrome, mobil siteler ve masaüstü siteler arasında herhangi bir işlem yapmadan kolayca geçiş yapılmasına olanak tanıyan yerleşik bir geliştirici aracı konsoluna sahiptir. geliştirici uzantıları . Açılır menüden seçebileceğiniz ve ekran boyutunu değiştirebileceğiniz önceden ayarlanmış cihaz seçeneklerine sahiptir.

Bir hafta önce ağabeyim kendi oyun sitesinde çalışıyordu ve benden yardım istedi. Bilgisayarında çalışırken web sitesinin görünümünü ve verdiği hissi bir mobil cihazda görmek istedi. Google chrome view mobil sitesi tek çözümdü!

İlişkili: Chrome Android Telefonda Tam Masaüstü Sitesi Nasıl Görüntülenir?

Ayrıca, farklı ekran boyutlarında web sitesinin yanıt verebilirliğini test etmek için duyarlı modu seçebilir ve ekran genişliğini yeniden boyutlandırabilirsiniz. Chrome'da mobil görünümü etkinleştirdikten sonra Chrome, masaüstü tarayıcıdan mükemmel bir mobil ve gezinme deneyimi sunacak!

İçindekiler

Chrome Bilgisayarda Mobil Site Nasıl Görüntülenir?

Mobil site görünümü, geliştiriciler tarafından yeni bir web sitesi tasarımı test edilirken ve başlatılırken sıklıkla kullanılır. Küçük ekranlarda ziyaret ederken web sitesinin uyumluluğunu ve ayrıca kullanıcı deneyimini kontrol etmeye yardımcı olur. Chrome'da mobil görünümü etkinleştirdikten sonra web sitesini mobil site görünümünde görüntüleyebilirsiniz.

Herhangi bir bilgisayar cihazında chrome'da mobil görünümün nasıl etkinleştirileceğine ilişkin adımlar :

1. Başlatmak en Google Chrome bilgisayar tarayıcısı .
2. web sitesini aç mobil sitede görüntülemek istediğiniz
3. Tıklamak Seçenekler için menü.
4. üzerine gelin Diğer Araçlar listeden seçenek.
5. Seçme Geliştirici Araçları Diğer Araçlar menüsü altında.
   
6. Bu başlatacak Geliştirici Araçları tarayıcıdaki bölme.
7. Tıkla Cihaz geçiş simgesi mobil site görüntüleme modunu etkinleştirmek için.

Bu, mobil site kullanıcı arayüzünü yükleyecektir. İstediğiniz cihaz deneyimini seçmek için açılır menüden cihazın markasını ve modelini de seçebilirsiniz.

Geliştirici araçları konsolunu kapattığınızda, web sitesi bir masaüstü sitesi olarak yeniden yüklenir. Mobil siteleri masaüstü chrome'da görüntülersek, web sitesinin görünümünü ve hissini daha iyi analiz etmenize yardımcı olur!

Sonuç: Chrome Bilgisayar Mobil Duyarlı Site

Geliştirici araçlarındaki mobil uyumlu site özelliği, küçük ekranlı cihazlar kullanmadan bir mobil sitenin test edilmesine ve geliştirilmesine yardımcı olur. Site tasarımını görüntülemek için cihaz değiştirmeniz gerekmez. Duyarlı modu kullanarak çeşitli ekran boyutlarını kontrol etmek için sürükleyebilirsiniz.

Bu blogun ön uç kısmını tasarladığımda veya herhangi bir değişiklik yaptığımda, genellikle yukarıdaki ipucunu kullanarak değişikliklerin masaüstü, tablet ve mobil ekran üzerindeki etkilerine bakarım. Her şeyin aynı hizada olduğundan ve tasarım değişikliklerinin görsel olarak çekici olduğundan emin olmaya yardımcı olur. Aynı şeyi kardeşime de tavsiye ettim. Artık oyun web sitesinin arayüzünü test etmek için chrome'da mobil görünümü nasıl etkinleştireceğini biliyor.

Benzer şekilde, siz de yapabilirsiniz chrome android'de bir masaüstü site görünümü talep et tarayıcı. Herhangi bir geliştirici seçeneği yoktur, ancak küçük ekranlarda tam site deneyimine ihtiyacınız olduğunda faydalı olabilir.

Krom bilgisayarlar için geliştirici araçları altındaki mobil site görünümü hakkında ne düşünüyorsunuz? yararlı değil mi? Bilmemize izin ver.

SSS: Chrome Bilgisayarda Mobil Site Görünümünü Etkinleştir

Chrome Bilgisayarda Mobil Site Görünümü nasıl etkinleştirilir?

Chrome Bilgisayarda mobil Site Görünümünü etkinleştirmek için önce siteyi başlatın ve ardından köşedeki üç noktaya dokunun, ardından daha fazla araç seçeneğini açın. Şimdi, Geliştirici Araçları'nı açın ve Öğe seçeneğinin sol tarafındaki Cihaz geçiş simgesine dokunun.

Chrome Bilgisayarda Masaüstü görünümüne nasıl geri dönülür?

Geliştiricinin araçlarından döndüğünüzde site, Chrome Bilgisayardaki masaüstü görünümüne geri döner.

Chrome Bilgisayarda Mobil Site Görünümünde sayfanın öğeleri nasıl seçilir?

Chrome Bilgisayardaki Mobil Site Görünümünde Sayfanın öğelerini seçmek için, Geliştirici Araçları'ndaki cihaz geçiş simgesinin sol tarafındaki simgeye dokunmanız gerekir.

Son olarak, bilgisayarınız ve cep telefonunuz için denemeniz gereken önerilen web tarayıcıları burada.

hakkında herhangi bir fikriniz varsa Chrome Bilgisayarda Mobil Site Görünümü Nasıl Etkinleştirilir? , sonra aşağıya bırakmaktan çekinmeyin