Retina ellenőrzés a helyszínen

Retina ellenőrzés a helyszínen

Újabban, az Apple bemutatta a világ az eszközök Retina kijelző, az innovatív, és a webes fejlesztők már volt gondja. Az a tény, hogy az oldal ugyanazon a helyszínen tűnhet egészen más a Retina kijelző és normális. Minden anyag egy hatalmas DPI a Retina. Bármilyen ütemterv kezdi meg zamylenny, azzal a nyilvánvaló pixelation, mert 1 pixel CSS egyenlővé válik a tér a 2 × 2 a Retina. Vannak technikák helyettesítés grafikák a képernyőn pixel arány, de ez nem erről szól.







Honlapok, épülnek az előnyeit CSS át a grafika nem olyan fájdalmas, hogy reagálna az ilyen ellenőrzéseket, és ezt szem előtt tartva, érdemes megfontolni, mielőtt vágni a másik png vagy jpg az elrendezésről.







előkészítő eszközök

Most az ellenőrzés. Ha nincs meg a Retina kijelző vagy ismerős, akivel az, hogy ez a fajta vizsgálat elvégzéséhez szükséges mesterséges. Ez nagyon kényelmes, akkor ezt használja a könyvjelző (azok számára, akik nem tudják, mi van a könyvjelző - ez csak egy string js-kód, amely elvégzi a böngésző választott). A Chrome böngésző felhasználók minden csökkenthető a préselés bővítmény gombra.

3) Töltse az archívum a kiterjesztése a böngésző és csomagold ki.

4) Most, a böngésző, az Eszközök -> Bővítmények, és jelölje be a négyzetet Developer Mode (jobbra fent)

5) Ezután kattintson a „Load kicsomagolva kiterjesztés ...” és a párbeszédablakban található a csomagolatlan mi archívumban.

Kész. Most van egy gomb a panelen.

Elkezdjük versenyez a Retina

Annak érdekében, hogy teszteljék az emulátor kapott kell menni a célterületre, majd kattintson a bővítmény gombra. Ha mindent helyesen tette, akkor egy sokkal nagyobb változata az oldalon. Mint ez, és úgy fog kinézni a webhely és grafikák a Retina kijelző.

Retina ellenőrzés a helyszínen




Kapcsolódó cikkek