How test retina display on the chrome browser

As we know that Retina Display (marketed by Apple with a stylized lowercase 'D' as Retina display) is a brand name used by Apple fo...

As we know that Retina Display (marketed by Apple with a stylized lowercase 'D' as Retina display) is a brand name used by Apple for screens that have a pixel density of around 300 PPI.[1] The term is used for several Apple products, including the iPhone, iPod Touch, iPad, MacBook Pro, iPad Mini, and iPad Air.[2] Because the typical viewing distance is different, depending on each device's use, the pixels per inch claimed to be of Retina quality can differ, depending on the size of the display, with higher PPI for smaller displays and lower PPI for larger displays: 326 PPI for the smallest devices (iPhone, iPod Touch, and iPad Mini (2nd generation)), 264 PPI for mid-sized devices (iPad (3rd & 4th generations), iPad Air), and 220 PPI for larger devices (MacBook Pro). Many other manufacturers' displays have similar or higher pixel density. When an Apple product has a Retina Display, each user interface widget is doubled in width and height to compensate for the smaller pixels. Apple calls this mode HiDPI mode.(en.wikipedia.org)


For some practitioners and website developers sometimes do not have this device for it certainly is in need once a simulator or emulator to try that retina display is applied in this application to work properly. 

Here are the steps to try to use the chrome browser 

  1. Open Chrome Browser and right click then click inspect element  
  2. In the bottom bar you will find some tabs that console, search, emulation and rendering 
  3. Click the tabs emulation, then pull up the bar tab as shown below 
  4. Adjust according to the menu on the left, adjust the device, screen etc. 


I think that's the easiest way to use chrome to see the retina display can work or not, please provide feedback and input on the comment form. Thank You

source img : https://lucatnt.com/wp-content/uploads/2013/07/retina_display___dock_icon_by_bladerahul-d502m24.jpg

COMMENTS

Nama

AMP,3,BLOGGER,11,CSS,19,FREE TEMPLATE,1,GRATIS,1,HEADLINE,4,HTML,1,JQUERY,9,MARKETING,11,OPINI,69,PEMROGRAMAN WEB,41,PERFORMANCE WEB,4,PHP,9,SEO,9,SOCIAL MEDIA OPTIMIZATION,8,TIPS DAN TRIK,48,
ltr
item
Gee Web Studio - Tutorial, Share Web & Mobile: How test retina display on the chrome browser
How test retina display on the chrome browser
https://lucatnt.com/wp-content/uploads/2013/07/retina_display___dock_icon_by_bladerahul-d502m24.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZ-WzNKgmfKw0pPM8e_di_Ht0MmV0mnrTBS-VyJu3lvDHm6a-_MmgGyf4jL6DA8pM6xCWVF8DbivCqQm64kWNOmCROz7ONoIffZ_bUL-3ZN6x1qKWY6wc8B3Fpce3trKlj2zzSUt1nV_Z/s72-c/picture1.png
Gee Web Studio - Tutorial, Share Web & Mobile
https://www.gee.web.id/2014/09/how-test-retina-display-on-chrome.html
https://www.gee.web.id/
https://www.gee.web.id/
https://www.gee.web.id/2014/09/how-test-retina-display-on-chrome.html
true
77827092934645996
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content