Bir web sayfasını geçerli ekranınızın çözünürlüklerinden daha yüksek çözünürlükte test etmenin en iyi yolu nedir?

10

Ekranım sadece 1900 piksel iken web sayfamın css, html, javascript renderini 2400px çözünürlükte test etmem gereken duyarlı bir web sitesi yapıyorum.

— metal dişli katı
kaynak

olası yinelenen bütün bir web sayfasının ekran görüntüsünü alabilir nasıl?

— Jancʜιᴇ007

Çoğu sistemde tarayıcı pencerelerini ekran çözünürlüğünüzün ötesinde yeniden boyutlandırabileceğinizi biliyor musunuz? Bunları ekranın yarısına getirin ve ardından ekranın ortasındaki kenarlığı yeniden boyutlandırın. Gerçek kullanım için işe yaramaz, ancak test için yeterli olacaktır. Tüm pencerenin bu ekran görüntüsü 1680x150 ekran çözünürlüğü ile OS X'te çekildi.

— Daniel Beck

@DanielBeck - garip ben Chomre (Windows) aynı çalışıyorum ama mevcut ekranımın ötesine uzanan değil

— metal dişli katı

O zaman işletim sisteminiz sizi zekâ üzerinde çözmeye çalışan bir problem . Windows 7'de Safari ile çoğaltılabilir.

— Daniel Beck

Benimki de Windows 7

— metal dişli katı

3

Chrome tarayıcısında:

Düğmesine basın F12. Bu DevTools'u açacaktır.
Sağ alt köşedeki bir ayarlar simgesini tıklayın. Bu DevTools Ayarları'nı açacaktır.
Soldaki menüden Geçersiz Kılmalar'a gidin.
Etkinleştir ve Cihaz metriklerini kontrol edin.
Ekran çözünürlüğünü yazın

Her zaman kullanıyorum, gerçekten kullanışlı.

— Arman Bimatov
kaynak

2

Eğer vurursanız Ctrl+ Shift+ MFirefox'un yeni sürümlerinde, sen gireceksiniz Duyarlı Tasarım görünümü gerçek ekran boyutlarından daha büyük olacak şekilde tarayıcı görünüm boyutlandırabilirsiniz. Ayrıca FF 26'dan itibaren ekran görüntüleri alabilir ve dokunma olaylarını simüle edebilirsiniz.

^{Büyütmek için tıklayınız}

Pencereyi küçülttükten sonra yeniden boyutlandırmayı daha kolay bulabilirsiniz - boyutları tek seferde daha fazla sürükleyebilirsiniz. Veya açılır menüden özel bir hazır ayar girin.

— şilin
kaynak

Bu seçenek için bir API var mı? Web sitesinden veya bir addon içinden enjekte js kodu ile etkinleştirmek için?

— Kamal Reddy

@KamalReddy Bunu içerik bağlamından (web sitesi) yapabileceğinizi düşünmüyorum, ancak krom bağlamından (addon) mümkün olmalıdır. Neyse, gelecekte . Belki Ctrl + Shift + M'yi simüle edebilirsiniz?

— Bob

1

Bu web sitesini , önceden belirlenmiş çözünürlükler arasından seçim yapabilmeniz veya özel çözünürlüğünüzü girmenizi sağlayan herhangi bir ekran çözünürlüğü ile test etmenize olanak tanır. Umarım bu çizgileri faydalı bulursun.

— Kamalam
kaynak

Proxy sunucumuz tarafından engellendi. Bu başka bir siteye işaretçi mi, yoksa PHP sayfası aracın asıl sayfası mı?

— Kanadalı Luke

Burada eklediğim PHP sayfası aracın gerçek sayfası

— kamalam

0

Bu soru muhtemelen daha uygundur Web Yöneticileri ama bunu bir bıçak alıp öneride bulunuruz ViewLikeUs hangi

web sitenizin en popüler çözünürlük biçimlerinde nasıl göründüğünü kontrol etmenizi sağlar.

— CharlieRB
kaynak

1

sadece 1920 max var

— metal dişli katı

0

Video kartınızın kontrol paneline özel bir ekran çözünürlüğü ekleyin.

— GENiEBEN
kaynak

3

Çözünürlükler ekran tarafından desteklenenden daha büyük mü? Bunun nasıl yapılandırılacağı ve neye benzediği hakkında daha fazla ayrıntı verebilir misiniz?

— Daniel Beck

@DanielBeck Bu YouTube eğitim bağlantısı nVidia kartları içindir. ATI / AMD için oldukça benzer.

— GENiEBEN

2

@ElGenieben Bu video, 0:39'da çok yüksek bir çözünürlük ayarlayarak ekranınıza zarar verebileceğiniz konusunda açıkça uyarıyor.

— Nicole Hamilton

0

Bu çevrimiçi çözünürlük test cihazını deneyin, sitenizi test etmek için çeşitli çözünürlükler sunar, sadece sitenizin URL'sini girin, bir çözünürlük seçin ve kontrol edin.

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

Bu yardımcı olur umarım!!!

— Neville
kaynak

0

Özel çözünürlükleri destekleyen Chrome: Resolution tester için eklentiyi deneyebilirsiniz :)

— Skuli Axelson
kaynak

0

Tarayıcınızdaki yakınlaştırmayı değiştirmeniz yeterlidir, uzaklaştırdığınızda, pencere boyutunuz uygulamanıza daha büyük ve daha geniş bir genişlik bildiriyor.

Örnek jsfiddle burada , sadece düğmeye tıklayın, raporladığı genişliği görün, sonra biraz uzaklaştırın ve aynı düğmeyi tıklayın - daha büyük bir boyutu rapor edecektir.

— Doobeh
kaynak

0

Google Chrome'daki cihaz öykünücüsündeki özel çözünürlük ayarlarını deneyin. Tarayıcının yakınlaştırma işlevini kullanmaktan daha fazla kontrol sağlar.

Cihaz öykünücüsünü etkinleştirin ve 'sığdırmak için yakınlaştır' seçeneğini işaretleyin.

9999 piksel genişliğe kadar çözünürlükleri manuel olarak girin (veya taklit ekranın kenarlarını sürükleyin. Taklit edilen çözünürlük kendi görünümünüze uyacak şekilde ölçeklendirilir.

Çözünürlük yüksekliğini düşük tutabilirsiniz, çünkü yine de aşağı kaydırabilirsiniz. Bu şekilde müfettişi de açık tutabilirsiniz. Web geliştirme için harika bir iş akışı!

— bramchi
kaynak