Masaüstü için Google Chrome'da bir web sayfasının mobil sürümünü nasıl görüntüleyebilirim?


29

Masaüstü için Google Chrome'u kullanarak bir web sitesinin mobil sürümünü test etmek istiyorum.

Genellikle m.URL'den önce önek ekleyerek mobil siteleri yükleyebilirim , ancak yüklemeye m.superuser.comveya m.github.comyalnızca " Siteye ulaşılamıyor " hatasıyla sonuçlanmaya çalışıyorum .

Masaüstü için Chrome'da bir web sitesinin mobil sürümünü nasıl test edebilirim?


2
Herhangi bir sayfanın altındaki "mobil" bağlantıyı tıklamak benim için iyi sonuç verir.
DavidPostill


3
@DavidPostill Masaüstü tarayıcısında mobil platformda Stack Exchange'i nasıl çalıştıracağınızı soran bir meta soruya bağlantı veriyorsunuz . OP'nin herhangi bir web sitesini bu şekilde nasıl çalıştıracağını sorduğundan eminim . Bu tamamen farklı iki durum.
trejder

Yanıtlar:


42

Bir web sitesinin mobil sürümünü istemek için Google Chrome'un geliştirici araçlarını kullanabilirsiniz:


  1. Chrome'un geliştirici araçlarını ile açın F12.
  2. Cihaz Modunu açmak veya kapatmak için ' Cihaz araç çubuğunu aç / kapat' düğmesini tıklayın. (Aygıt Modu açıkken simge mavidir).

    Cihaz modunu etkinleştirme

  3. (İsteğe bağlı) ' Viewport kontrolleri ' ile hangi mobil cihazı simüle etmek istediğinizi seçin .

    Viewport denetimleri

  4. Mobil sürümün yüklenmesine izin vermek için web sayfasını cihaz modu etkinken yenileyin.

    Süper Kullanıcı için mobil siteyi görüntüleme

Kaynaklar


@ steven-m-vascellaro bir nedenden dolayı kromumda responsiveaçılır liste görünmüyor ... herhangi bir fikir?
unknownerror

@vardin - Duyarlı açılır menünün görünmesi için ilk ekran görüntüsünde dev kırmızı okla gösterilen düğmeyi tıklamanız gerekir.
Andrew Hill
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.