feat: update network handler

Author: skillnull

.nvmrc

@@ -0,0 +1 @@
+18.20.8

dist/device.es.js

@@ -1,6 +1,6 @@
 {
   "name": "@skillnull/device-js",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "Get device information by javascript.",
   "main": "dist/device",
   "author": "skillnull",
@@ -38,6 +38,7 @@
   },
   "dependencies": {
     "@rollup/plugin-json": "^6.1.0",
+    "@rollup/rollup-darwin-arm64": "^4.50.2",
     "jsdom": "^26.0.0",
     "rollup-plugin-polyfill-node": "^0.13.0"
   }

dist/device.js

@@ -405,7 +405,14 @@ const Device = (function () {
       // 获取网络状态
       getNetwork: function () {
         let netWork = navigator?.connection?.effectiveType
-        return netWork
+        let isOnline = navigator?.onLine
+        let res = ""
+        if (isOnline) {
+          res = netWork ? netWork : "网络状态获取失败"
+        } else {
+          res = "离线"
+        }
+        return res
       },
       // 获取当前语言
       getLanguage: function () {

package.json

@@ -17,11 +17,11 @@ let proxy = new Proxy({}, {
             value = `${infoResult[i].year} ${infoResult[i].chineseZodiac} ${infoResult[i].month}${infoResult[i].day}`
           }
           infoHtml.push(
-            '<li>' +
-            '   <span>' + i + '</span>' +
-            '   <span style="margin:0 1px;">:</span>' +
-            '   <span style="color: #3d8dbc;">' + value + '</span>' +
-            '</li>')
+            `<li>
+                <span>${i}</span>
+                <span style="margin:0 1px;">:</span>
+                <span style="color: ${value?.includes?.('失败') ? 'orangered' : '#3d8dbc'}">${value}</span>
+             </li>`)
         }
         document.querySelector('#info_box').innerHTML = '<ul style="margin: 5px;">' + infoHtml.join('') + '</ul>'