SORU
21 Mart 2013, PERŞEMBE


Nasıl Retina için bir web sitesi test etmek için gerçek bir Retina ekran olmadan Windows?

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.

CEVAP
21 HAZİRAN 2013, Cuma


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 1881 Animation

    1881 Animati

    5 EKİM 2013
  • BumbleDroid

    BumbleDroid

    18 EKİM 2010
  • DudeFromUkraine

    DudeFromUkra

    7 Ocak 2008