web-retina-emulator

KO | EN

gitlite — search

#python #hacktoberfest #react #golang #android #nodejs #java #cli #kubernetes #vue #security #mcp #ios #openai

web-retina-emulator

(★ 29)

A tiny script for testing what your website looks like on a 2x pixel density (retina) display.

web-retina-emulator 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

WRE (Web Retina Emulator)
=========================

**Note: Chrome 32 now supports changing the Device Pixel Ratio via the new Emulation->Screen section. Unlike this script, using that new feature of Chrome will actually let you test everything pixel ratio related, including media queries. So yeah, use that instead of this.**

For anyone who has a normal 72/96 dpi display but wants to get a "glance" at how their HTML is rendering for retina displays. It will basically just make your page twice as big, allowing you to quickly see what images are not retina-ready and also point out any CSS properties that may cause blurriness. (like 3d transforms)

Bookmarklet
-----------

To use it as a bookmarklet, just prefix the code with "javascript:".

Known Issues
------------

* Fixed positioned elements may shift in WebKit browsers because of issues with position: fixed; and -webkit-transform's. WebKit has been fixed but the patch hasn't made it into any Chrome/Safari release yet.
  * Firefox doesn't allow JavaScript that was copy-pasted in the URL to have access to most things so this script can't run. Use a bookmarklet instead.
  * Doesn't trigger CSS media queries that use device pixel ratio/min-resolution; so if you use these you'll need to temporarily adjust them. (Pull request anyone?)

web-retina-emulator

web-retina-emulator 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

web-retina-emulator

web-retina-emulator 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README