ayanova/src/views/ay-about.vue

@@ -50,7 +50,7 @@
 
         <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("Browser") }}</v-subheader>
-        <div v-for="(value, name) in clientInfo.browser" :key="name">
+        <div v-for="(value, name) in browser" :key="name">
           <span class="ml-6 body-1">{{ name }}: </span>
           <span class="body-2">{{ value }}</span>
         </div>
@@ -220,6 +220,23 @@ export default {
       });
   },
   created() {
+    this.browser = {
+      platform: window.navigator.platform,
+      userAgent: window.navigator.userAgent,
+      languages: window.navigator.languages,
+      tz: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      oscpu: window.navigator.oscpu,
+      maxTouchPoints: window.navigator.maxTouchPoints,
+      webdriver: window.navigator.webdriver,
+      vendor: window.navigator.vendor,
+      availWidth: window.screen.availWidth,
+      availHeight: window.screen.availHeight,
+      width: window.screen.width,
+      height: window.screen.height,
+      devicePixelRatio: window.devicePixelRatio,
+      pixelDepth: window.screen.pixelDepth
+    };
+
     window.$gz.api
       .get("ServerInfo")
       .then(response => {
@@ -238,6 +255,7 @@ export default {
     return {
       serverInfo: { license: { license: {} } },
       clientInfo: {},
+      browser: {},
       formState: {
         ready: false,
         loading: true,