gyroscope framework - How can I test the low-resolution icons? -


the newer versions of gyroscope has higher-resolution versions of icons (in toolbar_hd.gif) used when user's computer supports it. if testing machine has high resolution, how can force use low-resolution icons testing?

starting 6.9 gyroscope uses newer version of nano.js includes function hdpromote loads separate css if both conditions met:

  • the device has pixel ratio higher 1
  • the browser css correctly supports background-size

in both index.php , iphone.php, right after nano.js included near footer, there's line "upgrades" icons higher resolution:

<script>   hdpromote('toolbar_hd.css'); </script> 

you may comment out line ignore high resolution display.

conversely, if don't have hd screen want force load toolbar_hd.css, there 2 ways:

you may modify line in nano.js pixel density ignored:

if (typeof(document.documentelement.style.backgroundsize)=='string') 

in firefox, when zoom level 200%, browser reports pixel ratio 2. may argue browser bug, can take advantage of "feature" test hd mode.

the user icons different in sd , hd modes. intentional, obvious mode enabled without having examine graphic quality:

left: sd; right: hd


Comments

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -