Tarayıcı testi için pencereyi yeniden boyutlandıracak tarayıcı eklentisi

Im bir web sitesi yaparken ben iyi benim 22 "harici ekranda çalışmak, ama sitenin daha küçük ekranlarda nasıl görüneceği hakkında daha iyi bir fikir edinmek için tarayıcı penceremi yeniden boyutlandırmak zorunda.

Şu anda http://resizemybrowser.com/ (aynı zamanda bir safari uzantısı vardır) kullanın ama benzer bir şey doz bir firefox veya krom tarayıcı eklentisi varsa dolaştım, ive aradı ama şimdiye kadar bir şey bulamadı.

Sadece firefox'ta kazıyordum ve aynı zamanda bir "Duyarlı tasarım" moduna sahip olduğunu keşfetti. Git Web Developer → Duyarlı Tasarım Görünümü .

Daha sonra önceden ayarlanmış çözünürlükleri içeren bir açılır menü alırsınız:

Bu aslında Chrome'da yerleşik bir özelliktir.

1. DevTools'u ( F12) açın

2. Ayarları Aç

   

3. Geçersiz Kılmalar panelinde pencereniz için istediğiniz boyutu ayarlayın .

   

Not: Bu panelden bir Kullanıcı Aracısı seçerken Chrome, seçilen aracı için otomatik olarak doğru cihaz metriklerini seçmeye çalışır.

Chrome için Window Resizer'ı kullanabilirsiniz . Firefox için Firesizer'ı kullanabilirsiniz .