Sensörler: Cihaz sensörleri emülasyonu

Sofia Emelianova
Sofia Emelianova

Herhangi bir cihazın sensör girişini taklit etmek için Sensörler panelini kullanın.

Genel Bakış

Sensörler paneli şunları yapmanıza olanak tanır:

Sensörler panelini açma

  1. İşletim sisteminize bağlı olarak, Komut Menüsü'nü açmak için aşağıdaki tuşlara basın:

    • MacOS'te Command+Üst Karakter+P
    • Windows, Linux veya ChromeOS'te Kontroller+Üst Karakter+P

    Sensörler panelini açmak için Komut Menüsü'nü kullanma.

  2. sensors yazın, Sensörleri Göster'i seçin ve Enter tuşuna basın. DevTools pencerenizin alt kısmında Sensörler paneli açılır.

Coğrafi konumu geçersiz kılma

Birçok web sitesi, kullanıcılarına daha alakalı bir deneyim sunmak için kullanıcı konumundan yararlanır. Örneğin, bir hava durumu web sitesi, kullanıcı web sitesine konumuna erişme izni verdikten sonra kullanıcının bulunduğu bölgenin yerel tahminini gösterebilir.

Kullanıcının bulunduğu yere göre değişen bir kullanıcı arayüzü oluşturuyorsanız sitenin dünyanın farklı yerlerinde doğru şekilde çalıştığından emin olmak istersiniz.

Coğrafi konumunuzu geçersiz kılmak için Sensörler panelini açın ve Coğrafi Konum listesinden aşağıdakilerden birini seçin:

  • Tokyo gibi önceden ayarlanmış şehirlerden biri.
  • Özel boylam ve enlem koordinatları girmek için Özel konum.
  • Kullanıcının konumu kullanılamadığında sitenizin nasıl davrandığını görmek için Konum kullanılamıyor'u seçin.

"Coğrafi Konum" listesinden "Tokyo"yu seçin.

Cihaz yönünü simüle etme

Farklı cihaz yönlerini simüle etmek için Sensörler panelini açın ve Yön listesinden aşağıdakilerden birini seçin:

  • Baş aşağı dikey gibi önceden ayarlanmış yönlerden biri.
  • Tam olarak kendi yönünüzü belirtmek için Özel yön.

"Yön" listesinden "Yatay baş aşağı"yı seçin.

Özel yön seçildikten sonra alpha, beta ve gamma alanları etkinleştirilir. Bu eksenlerin işleyiş şeklini anlamak için Alfa, Beta ve Gamma'ya bakın.

Yön Modeli'ni sürükleyerek de özel bir yön ayarlayabilirsiniz. Alfa ekseni boyunca döndürmek için sürükleme işleminden önce Üst Karakter tuşunu basılı tutun.

Yönlendirme modeli.

Zorunlu dokunma

Web sitenizdeki dokunma etkinliklerini test etmek için dokunmatik ekranı olmayan bir cihazda test yapıyor olsanız bile tıklamak yerine dokunmayı zorlayabilirsiniz.

İşaretçinizle dokunma etkinliklerini tetiklemek için:

  1. Sensörler panelini açın.
  2. Dokunma açılır listesinde Dokunmayı zorla'yı seçin. Tıklama yerine dokunmayı zorunlu kılar.
  3. Üstteki istemde Geliştirici Araçları'nı yeniden yükle'yi tıklayın.

Boşta algılayıcı durumunu taklit etme

Etkin Olmayan Kullanıcı Algılama API'si, etkin olmayan kullanıcıları algılamanıza ve etkin olmayan durum değişikliklerine tepki vermenize olanak tanır. DevTools ile, gerçek boşta kalma durumunun değişmesini beklemek yerine hem kullanıcı durumu hem de ekran durumu için boşta kalma durumu değişikliklerini taklit edebilirsiniz.

Boş durumdaki cihazları taklit etmek için:

  1. Sensörler panelini açın. Bu eğitim için bu demo sayfasını deneyebilirsiniz.

  2. Geçici seçeneğinin yanındaki onay kutusunu etkinleştirin ve istemde demo sayfasına boşta algılama izni verin. Ardından sayfayı yeniden yükleyin.

    Demo sayfasında boşta algılama izni verme.

  3. Boşta Algılayıcı durumunu taklit et açılır menüsünde aşağıdakilerden birini seçin:

    • Boşta emülasyonu yok
    • Kullanıcı etkin, ekran kilidi açık
    • Kullanıcı etkin, ekran kilitli
    • Kullanıcı etkin değil, ekran kilidi açık
    • Kullanıcı etkin değil, ekran kilitli

Demo sayfasında boş ve kilitli bir durum seçin.

Bu örnekte DevTools, Kullanıcı boşta, ekran kilitli durumunu taklit eder ve bu durumda demo sayfası, tuvali temizlemek için 10 saniyelik geri sayımı başlatır.

Donanım eşzamanlılığını taklit etme

Web sitenizin farklı sayıda işlemci çekirdeği bulunan cihazlarda nasıl performans gösterdiğini taklit etmek için navigator.hardwareConcurrency mülkü tarafından bildirilen değeri geçersiz kılabilirsiniz. Bazı uygulamalar, uygulamalarının paralellik derecesini kontrol etmek için bu özelliği kullanır. Örneğin, Emscripten pthread havuzu boyutunu kontrol etmek için.

Donanım eşzamanlılığını taklit etmek için:

  1. Sensörler panelini açın.
  2. Panelin alt kısmında Donanım eşzamanlılığı'nı bulup etkinleştirin.
  3. Sayı giriş kutusuna, taklit etmek istediğiniz çekirdek sayısını girin.

Çekirdek sayısı 10 olarak ayarlanmış "Donanım eşzamanlılığı" etkinleştirildi.

Varsayılan değere dönmek için Sıfırla düğmesini tıklayın.