Bir şekilde bir Windows Retina Retina gibi Hidpı ekranlar için bir web sitesi test etmek için ekran simüle etmek için var mı?

Bir standart 24 Windows" 1920 x 1080 monitör. koşuyorum Dün gece baktım benim web sitesinde bir arkadaş yeni MacBook Pro 15" Retina ve grafik görünüyordu bulanık (çok daha kötü bir normal 15 inç MacBook), süre yazı oldu süper net ve keskin, yapma logosu görünür daha da kötü, çünkü doğrudan karşılaştırma.

Web siteme Retina hazır hale getirmek için bu öğretici takip ettim:

http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs

Herhangi bir arka plan görüntüsü olmadığı için retina.js bu yaklaşım kullandım.

Bana eğer bu gerçekten işe yarıyor mu test etmek için herhangi bir yolu var mı? Tabii ki arkadaşım Retina Defterini kullanmak isteyebilirim ama bu benim için uygun bir iş akışı değil. Benim kendi ortamında en azından kabaca Retina uyumluluk için web sitelerini test etmek istiyorum.

Aslında Firefox kullanarak

1. Gitmek "hakkında:config"
2. "Düzeni.css.devPixelsPerPx
3. İstediğiniz oranı normal-1, 2, retina, vb değiştirin -1 Varsayılan gibi görünüyor.)

Sayfa - boom yenileme, medya sorgu şimdi go! Şapka web geliştirme için mükemmel olmak için Firefox! Haberiniz olsun, sadece web sitesi, şimdi de ikiye katlanır, iki misli büyüklükte artırdı. Bu katlama veya yakınlaştırma standart piksel oranı ekranda tüm pikselleri incelemek mümkün olacak tek yolu bu olduğu için gerekli.

Bu Firefox 27.0.1 ile 21.0, ve ayrıca Mac OS X Firefox ile Windows 7 üzerinde gayet iyi çalışıyor.

Eğer medya sorgular ve daha gelişmiş diğer mantık (yani herkes Hidpı verdiğin resimler) kullanıyorsanız, sadece tarayıcınız ile 200% zoom yapabilirsiniz. Krom öykünme ortam sorguları hapı olarak da yararlı bir araçtır, ama yakınlaştırma önlediği için, görüntü kalitesi inceleyebilirsiniz.