Display scaling factor instead of lorem ipsum

Author: binaryfunt

src/index.html

@@ -36,16 +36,10 @@
     <div id="main">
       <h1>Hello World!</h1>
       <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut libero varius sollicitudin. Morbi suscipit pretium velit id dictum. Curabitur congue faucibus lorem vel placerat. Morbi id sapien ut leo tincidunt consectetur quis eu odio. Quisque aliquet, nisl eget dictum sodales, mauris sapien fringilla nisl, eget aucto urna libero sit amet lectus. Nam et semper diam. Quisque augue velit, vulputate sit amet nisl vel, accumsan euismod mauris. Suspendisse erat lectus, semper vel pulvinar vitae, condimentum in urna. Pellentesque habitant morbi tristique senectus et netus malesuada fames ac turpis egestas. Suspendisse ullamcorper felis risus, sed porta ligula vulputate a. Maecenas sapien dolor, eleifend a rhoncus placerat, laoreet ut augue. Curabitur quis auctor est, ut congue neque.
+        JavaScript devicePixelRatio: <span id="dpr-span"></span>
       </p>
       <p>
-      Donec lobortis pellentesque magna, at aliquam sapien et egestas vel. Aenean ac arcu vitae nisi luctus iaculis nec nec tortor. In nunc dolor, tincidunt in tincidunt et, scelerisque at velit. Nulla auctor vulputate ex, eget tempus mauris rhoncus in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque lectus ex, pharetra ut ornare non, mattis quis nunc. Nulla porta, nisl et ullamcorper pretium, eros sem porttitor tellus, eu tincidunt turpis mauris sed turpis. Sed a nulla est in lacus consequat consectetur. In vitae cursus orci. Nulla vehicula posuere mollis. Fusce eu ipsum at velit tincidunt bibendum non eu lorem. Mauris id augue sapien. Vestibulum posuere elit sit amet iaculis dictum. Vivamus suscipit maximus risus, id egestas ligula venenatis quis. Pellentesque lobortis sapien vitae nisi venenatis rutrum. Aenean lacus libero, aliquam vitae nisl vitae, eleifend fermentum nisi. Nulla non ante nec tortor venenatis fermentum id at justo. Maecenas faucibus aliquam nibh non auctor.
-      </p>
-      <p>
-      Morbi cursus augue quis nulla tincidunt, ut vulputate libero semper. Nunc suscipit a purus vel bibendum. Nunc rhoncus ante eget elementum finibus. Nulla facilisi. Praesent sed eros rhoncus, molestie eros et, mollis mauris. Fusce non placerat lacus. Sed in iaculis orci, ut congue odio. In nec lacus feugiat, rutrum purus ut, efficitur nunc. Etiam eget augue sed dui ultricies porttitor in nec leo. Quisque dui leo, sollicitudin blandit molestie, posuere eu augue. Phasellus eget risus lobortis, ornare ex nec viverra sapien. Aliquam mi ipsum, eleifend ac odio eleifend, tristique tempus odio. Sed ac id tortor laoreet elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut libero varius sollicitudin.
-      </p>
-      <p>
-      Morbi cursus augue quis nulla tincidunt, ut vulputate libero semper. Nunc suscipit a purus vel bibendum. Nunc rhoncus ante eget elementum finibus. Nulla facilisi. Praesent sed eros rhoncus, molestie eros et, mollis mauris. Fusce non placerat lacus. Sed in iaculis orci, ut congue odio. In nec lacus feugiat, rutrum purus ut, efficitur nunc. Etiam eget augue sed dui ultricies porttitor in nec leo. Quisque dui leo, sollicitudin blandit molestie, posuere eu augue. Phasellus eget risus lobortis, ornare ex nec viverra sapien. Aliquam mi ipsum, eleifend ac odio eleifend, tristique tempus odio. Sed ac id tortor laoreet elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut libero varius sollicitudin.
+        Electron Display scaleFactor: <span id="dsf-span"></span>
       </p>
     </div>
 

src/renderer.js

@@ -7,6 +7,13 @@ const remote = require('electron').remote;
 document.onreadystatechange = () => {
     if (document.readyState == "complete") {
         handleWindowControls();
+
+        let display = remote.screen.getPrimaryDisplay();
+        printDPI(display);
+
+        remote.screen.on('display-metrics-changed', (event, display, changedMetrics) => {
+            printDPI(display);
+        })
     }
 };
 
@@ -43,3 +50,9 @@ function handleWindowControls() {
         }
     }
 }
+
+
+function printDPI(display) {
+    document.getElementById('dpr-span').innerHTML = `${window.devicePixelRatio}`;
+    document.getElementById('dsf-span').innerHTML = `${display.scaleFactor}`;
+}