什么是内存泄露？
已经不再使用的内存未能被程序释放，叫内存泄露(memory leak)。
内存泄露会带来什么样的后果？
内存泄露会因为减少可用内存数量从而降低计算机性能，严重的可能导致设备停止正常工作，或者应用程序崩溃。
什么情况下出现内存泄漏？
首先了解一下垃圾回收[……]
在vue中使用import()来代替require.ensure()实现代码打包分离
一、require.ensure() 方法来实现代码打包分离
require.ensure() 是 webpack 特有的，已经被 import() 取代。
|
1 2 3 4 5 6 |
require.ensure( dependencies: String[], callback: function(require), errorCallback: function(error), chunkName: String ) |
给定 dependencies 参数，将其对应的文件拆分到一个单独[……]
微信小程序将view动态填满全屏
一、在app.js利用官方方法获取设备信息，将获取到的screenHeight、windowHeight度量单位统一由rpx换算为px
注：官方文档给出 【rpx换算px (屏幕宽度/750) 】【 px换算rpx (750/屏幕宽度)】
[crayon-6af516c7347a0[……]
H5背景音乐自动播放(兼容微信IOS，进程后台切换自动停止播放，本文例子为Vue写法)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
<template> <audio src="./static/music.mp3" id="bgMusic" preload="auto" loop></audio> <div class="bgMusicBtn" @click="bgMusicPlayOrPause('bgMusic')"> <img :src="playFlag ? playImg : pauseImg" :class="{rotate: playFlag}"> </div> </template> export default { data() { return { playFlag: true, playImg: require('../../static/play.png'), pauseImg: require('../../static/pause.png'), clickMusicBtn: false } }, mounted() { this.audioAutoPlay('bgMusic'); document.addEventListener("visibilitychange", (e) => { // 兼容ios微信手Q if (this.clickMusicBtn) { // 点击了关闭音乐按钮 if (this.playFlag) { this.audioAutoPlay('bgMusic'); this.playFlag = true; } else { this.audioPause('bgMusic'); this.playFlag = false; } text.innerHTML = e.hidden; if (e.hidden) { // 网页被挂起 this.audioAutoPlay('bgMusic'); this.playFlag = true; } else { // 网页被呼起 this.audioPause('bgMusic'); this.playFlag = false; } } else { // 未点击关闭音乐按钮 if (this.playFlag) { this.audioPause('bgMusic'); this.playFlag = false; } else { this.audioAutoPlay('bgMusic'); this.playFlag = true; } text.innerHTML = e.hidden; if (e.hidden) { // 网页被挂起 this.audioPause('bgMusic'); this.playFlag = false; } else { // 网页被呼起 this.audioAutoPlay('bgMusic'); this.playFlag = true; } } }); }, methods: { bgMusicPlayOrPause(id) { this.clickMusicBtn = !this.clickMusicBtn; if (this.playFlag) { this.audioPause(id); this.playFlag = false; } else { this.audioAutoPlay(id); this.playFlag = true; } }, audioPause(id) { var audio = document.getElementById(id); audio.pause(); document.addEventListener("WeixinJSBridgeReady", function () { audio.pause(); }, false); document.addEventListener('YixinJSBridgeReady', function () { audio.pause(); }, false); }, audioAutoPlay(id) { var audio = document.getElementById(id); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); document.addEventListener('YixinJSBridgeReady', function () { audio.play(); }, false); } } } |
‘cross-env’ is not recognized as an internal or external command
webpack打包报错，原因是windows不支持 cross-env,安装模块即可:
npm install -g cross-env
Vue自定义指令实现点击div以外部分隐藏div
首先新建一个directives.js文件，自定义一个指令：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
export const clickOutSide = { // 初始化指令 bind(el, binding, vnode) { function documentHandler(e) { // 这里判断点击的元素是否是本身，是本身，则返回 if (el.contains(e.target)) { return false; } // 判断指令中是否绑定了函数 if (binding.expression) { // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法 binding.value(e); } } // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听 el.__vueClickOutside__ = documentHandler; document.addEventListener('click', documentHandler); }, update() {}, unbind(el, binding) { // 解除事件监听 document.removeEventListener('click', el.__vueClickOutside__); delete el.__vueClickOutside__; }, }; |
然后在组件内：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<template> <div class="" v-if="closeFlag" v-clickOutSide="handlerClick"> 确认过眼神，不是我的八哥 </div> </template> <script> import {clickOutSide} from './directives' export default { data() { return { closeFlag: true } }, directives: { clickOutSide } </script> |
JS设备横屏给出提示界面
效果图：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
(function rotate(){ var orientation=window.orientation; var pd = null; function createPd(){ if(document.getElementById('preventTran') === null){ var imgData = 'data:image/png;base64,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'; pd = document.createElement('div'); pd.setAttribute('id','preventTran'); pd.style.position = 'fixed'; pd.style.left = '0'; pd.style.top = '0'; pd.style.width = '100%'; pd.style.height = '100%'; pd.style.overflow = 'hidden'; pd.style.backgroundColor = '#2e2e2e'; pd.style.textAlign = 'center'; pd.style.zIndex = '99999'; document.getElementsByTagName('body')[0].appendChild(pd); var img = document.createElement('img'); img.src = imgData; pd.appendChild(img); img.style.margin = '60px auto 30px' var br = document.createElement('br'); var p = document.createElement('p'); p.style.width = '100%'; p.style.height = 'auto'; p.style.fontSize = '22px'; p.style.color = '#626262'; p.style.lineHeight = '34px'; p.style.textAlign = 'center'; p.innerHTML = '为了您的良好体验'; p.appendChild(br); p.innerHTML += '请将手机/平板竖屏操作'; pd.appendChild(p); } } if(orientation==90||orientation==-90){ if(pd == null && document.getElementById('preventTran') === null) createPd(); document.getElementById('preventTran').style.display = 'block'; } window.onorientationchange=function(){ if(pd == null && document.getElementById('preventTran') == null) createPd(); document.getElementById('preventTran').style.display='none'; rotate(); }; })(); |
Vue插件合集(部分插件使用时出现的问题解决方法)
1.vue-easytable (基于vue2.x )
https://github.com/huangshuwei/vue-easytable
http://doc.huangsw.com/vue-easytable/app.html#/table
[crayon-6af516c734b[……]
JS获取移动端系统信息(操作系统、操作系统版本、横竖屏状态、设备类型、网络状态、生成浏览器指纹)
GitHub: https://github.com/skillnull/Get-Device-Info
在线实例：http://skillnull.com/others/GetDeviceInfo/index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 |
const Device = (function () { const root = typeof self !== 'undefined' ? self : this const _window = root || {} // 变量库 const VariableLibrary = { navigator: typeof root?.navigator != 'undefined' ? root?.navigator : {}, // 信息map infoMap: { engine: ['WebKit', 'Trident', 'Gecko', 'Presto'], browser: [ 'Safari', 'Chrome', 'Edge', 'IE', 'Firefox', 'Firefox Focus', 'Chromium', 'Opera', 'Vivaldi', 'Yandex', 'Arora', 'Lunascape', 'QupZilla', 'Coc Coc', 'Kindle', 'Iceweasel', 'Konqueror', 'Iceape', 'SeaMonkey', 'Epiphany', '360', '360SE', '360EE', 'UC', 'QQBrowser', 'QQ', 'Baidu', 'Maxthon', 'Sogou', 'LBBROWSER', '2345Explorer', 'TheWorld', 'XiaoMi', 'Quark', 'Qiyu', 'Wechat', 'WechatWork', 'Taobao', 'Alipay', 'Weibo', 'Douban', 'Suning', 'iQiYi', 'Arc', 'Samsung Browser' ], os: [ 'Windows', 'Linux', 'Mac OS', 'Android', 'Ubuntu', 'FreeBSD', 'Debian', 'iOS', 'Windows Phone', 'BlackBerry', 'MeeGo', 'Symbian', 'Chrome OS', 'WebOS', 'HarmonyOS' ], device: ['Mobile', 'Tablet', 'iPad'], // 设备型号映射：原始标识 -> 展示名。iPhone 具体机型仅当 UA 含 iPhonexx,x 时可解析（Safari 标准 UA 不含）；Pixel 以 UA Build 为准，避免 Client Hints 返回通用型号 deviceModelMap: { // Apple iPhone（UA 中为 iPhone14,2 等） 'iPhone4,1': 'iPhone 4s', 'iPhone5,1': 'iPhone 5', 'iPhone5,2': 'iPhone 5', 'iPhone5,3': 'iPhone 5c', 'iPhone5,4': 'iPhone 5c', 'iPhone6,1': 'iPhone 5s', 'iPhone6,2': 'iPhone 5s', 'iPhone7,1': 'iPhone 6 Plus', 'iPhone7,2': 'iPhone 6', 'iPhone8,1': 'iPhone 6s', 'iPhone8,2': 'iPhone 6s Plus', 'iPhone8,4': 'iPhone SE', 'iPhone9,1': 'iPhone 7', 'iPhone9,2': 'iPhone 7 Plus', 'iPhone9,3': 'iPhone 7', 'iPhone9,4': 'iPhone 7 Plus', 'iPhone10,1': 'iPhone 8', 'iPhone10,2': 'iPhone 8 Plus', 'iPhone10,3': 'iPhone X', 'iPhone10,4': 'iPhone 8', 'iPhone10,5': 'iPhone 8 Plus', 'iPhone10,6': 'iPhone X', 'iPhone11,2': 'iPhone XS', 'iPhone11,4': 'iPhone XS Max', 'iPhone11,6': 'iPhone XS Max', 'iPhone11,8': 'iPhone XR', 'iPhone12,1': 'iPhone 11', 'iPhone12,3': 'iPhone 11 Pro', 'iPhone12,5': 'iPhone 11 Pro Max', 'iPhone13,1': 'iPhone 12 mini', 'iPhone13,2': 'iPhone 12', 'iPhone13,3': 'iPhone 12 Pro', 'iPhone13,4': 'iPhone 12 Pro Max', 'iPhone14,2': 'iPhone 12', 'iPhone14,3': 'iPhone 12 Pro', 'iPhone14,4': 'iPhone 12 mini', 'iPhone14,5': 'iPhone 12 Pro Max', 'iPhone14,6': 'iPhone SE (3rd)', 'iPhone14,7': 'iPhone 14', 'iPhone14,8': 'iPhone 14 Plus', 'iPhone15,2': 'iPhone 14 Pro', 'iPhone15,3': 'iPhone 14 Pro Max', 'iPhone15,4': 'iPhone 15', 'iPhone15,5': 'iPhone 15 Plus', 'iPhone16,1': 'iPhone 15 Pro', 'iPhone16,2': 'iPhone 15 Pro Max', 'iPhone17,1': 'iPhone 16 Pro', 'iPhone17,2': 'iPhone 16 Pro Max', 'iPhone17,3': 'iPhone 16', 'iPhone17,4': 'iPhone 16 Plus', 'iPhone 14': 'iPhone 14', 'iPhone 15': 'iPhone 15', 'iPhone 16': 'iPhone 16', 'iPhone SE (3rd)': 'iPhone SE (3rd)', // Apple iPad 'iPad2,1': 'iPad 2', 'iPad2,2': 'iPad 2', 'iPad2,3': 'iPad 2', 'iPad2,4': 'iPad 2', 'iPad2,5': 'iPad mini', 'iPad2,6': 'iPad mini', 'iPad2,7': 'iPad mini', 'iPad3,1': 'iPad 3', 'iPad3,2': 'iPad 3', 'iPad3,3': 'iPad 3', 'iPad3,4': 'iPad 4', 'iPad3,5': 'iPad 4', 'iPad3,6': 'iPad 4', 'iPad4,1': 'iPad Air', 'iPad4,2': 'iPad Air', 'iPad4,3': 'iPad Air', 'iPad4,4': 'iPad mini 2', 'iPad4,5': 'iPad mini 2', 'iPad4,6': 'iPad mini 2', 'iPad4,7': 'iPad mini 3', 'iPad4,8': 'iPad mini 3', 'iPad4,9': 'iPad mini 3', 'iPad5,1': 'iPad mini 4', 'iPad5,2': 'iPad mini 4', 'iPad5,3': 'iPad Air 2', 'iPad5,4': 'iPad Air 2', 'iPad6,3': 'iPad Pro 9.7', 'iPad6,4': 'iPad Pro 9.7', 'iPad6,7': 'iPad Pro 12.9', 'iPad6,8': 'iPad Pro 12.9', 'iPad6,11': 'iPad 5', 'iPad6,12': 'iPad 5', 'iPad7,1': 'iPad Pro 12.9 2', 'iPad7,2': 'iPad Pro 12.9 2', 'iPad7,3': 'iPad Pro 10.5', 'iPad7,4': 'iPad Pro 10.5', 'iPad7,5': 'iPad 6', 'iPad7,6': 'iPad 6', 'iPad7,11': 'iPad 7', 'iPad7,12': 'iPad 7', 'iPad8,1': 'iPad Pro 11', 'iPad8,2': 'iPad Pro 11', 'iPad8,3': 'iPad Pro 11', 'iPad8,4': 'iPad Pro 11', 'iPad8,5': 'iPad Pro 12.9 3', 'iPad8,6': 'iPad Pro 12.9 3', 'iPad8,7': 'iPad Pro 12.9 3', 'iPad8,8': 'iPad Pro 12.9 3', 'iPad8,9': 'iPad Pro 11 2', 'iPad8,10': 'iPad Pro 11 2', 'iPad8,11': 'iPad Pro 12.9 4', 'iPad8,12': 'iPad Pro 12.9 4', 'iPad11,1': 'iPad mini 5', 'iPad11,2': 'iPad mini 5', 'iPad11,3': 'iPad Air 3', 'iPad11,4': 'iPad Air 3', 'iPad11,6': 'iPad 8', 'iPad11,7': 'iPad 8', 'iPad12,1': 'iPad 9', 'iPad12,2': 'iPad 9', 'iPad13,1': 'iPad Air 4', 'iPad13,2': 'iPad Air 4', 'iPad13,4': 'iPad Pro 11 3', 'iPad13,5': 'iPad Pro 11 3', 'iPad13,6': 'iPad Pro 11 3', 'iPad13,7': 'iPad Pro 11 3', 'iPad13,8': 'iPad Pro 12.9 5', 'iPad13,9': 'iPad Pro 12.9 5', 'iPad13,10': 'iPad Pro 12.9 5', 'iPad13,11': 'iPad Pro 12.9 5', 'iPad14,1': 'iPad mini 6', 'iPad14,2': 'iPad mini 6', 'iPad14,3': 'iPad Air 5', 'iPad14,4': 'iPad Air 5', 'iPad14,5': 'iPad 10', 'iPad14,6': 'iPad 10', 'iPad16,1': 'iPad Pro 11 M4', 'iPad16,2': 'iPad Pro 11 M4', 'iPad16,3': 'iPad Pro 13 M4', 'iPad16,4': 'iPad Pro 13 M4', // Samsung Galaxy S / S+ / Ultra 'SM-G950': 'Galaxy S8', 'SM-G955': 'Galaxy S8+', 'SM-G960': 'Galaxy S9', 'SM-G965': 'Galaxy S9+', 'SM-G970': 'Galaxy S10e', 'SM-G973': 'Galaxy S10', 'SM-G975': 'Galaxy S10+', 'SM-G977': 'Galaxy S10 5G', 'SM-G980': 'Galaxy S20', 'SM-G981': 'Galaxy S20 5G', 'SM-G986': 'Galaxy S20+', 'SM-G988': 'Galaxy S20 Ultra', 'SM-G991': 'Galaxy S21', 'SM-G996': 'Galaxy S21+', 'SM-G998': 'Galaxy S21 Ultra', 'SM-S901': 'Galaxy S22', 'SM-S906': 'Galaxy S22+', 'SM-S908': 'Galaxy S22 Ultra', 'SM-S911': 'Galaxy S23', 'SM-S916': 'Galaxy S23+', 'SM-S918': 'Galaxy S23 Ultra', 'SM-S921': 'Galaxy S24', 'SM-S926': 'Galaxy S24+', 'SM-S928': 'Galaxy S24 Ultra', 'SM-S931': 'Galaxy S25', 'SM-S936': 'Galaxy S25+', 'SM-S938': 'Galaxy S25 Ultra', // Samsung Galaxy Note / Z Fold / Z Flip 'SM-N950': 'Galaxy Note 8', 'SM-N960': 'Galaxy Note 9', 'SM-N970': 'Galaxy Note 10', 'SM-N975': 'Galaxy Note 10+', 'SM-N980': 'Galaxy Note 20', 'SM-N985': 'Galaxy Note 20 Ultra', 'SM-F900': 'Galaxy Z Fold', 'SM-F916': 'Galaxy Z Fold 2', 'SM-F918': 'Galaxy Z Fold 3', 'SM-F926': 'Galaxy Z Fold 4', 'SM-F936': 'Galaxy Z Fold 4', 'SM-F946': 'Galaxy Z Fold 5', 'SM-F956': 'Galaxy Z Fold 6', 'SM-F700': 'Galaxy Z Flip', 'SM-F711': 'Galaxy Z Flip 3', 'SM-F721': 'Galaxy Z Flip 4', 'SM-F731': 'Galaxy Z Flip 5', 'SM-F741': 'Galaxy Z Flip 6', // Samsung Galaxy A 'SM-A015': 'Galaxy A01', 'SM-A025': 'Galaxy A02', 'SM-A035': 'Galaxy A03', 'SM-A045': 'Galaxy A04', 'SM-A055': 'Galaxy A05', 'SM-A105': 'Galaxy A10', 'SM-A115': 'Galaxy A11', 'SM-A125': 'Galaxy A12', 'SM-A135': 'Galaxy A13', 'SM-A145': 'Galaxy A14', 'SM-A155': 'Galaxy A15', 'SM-A205': 'Galaxy A20', 'SM-A215': 'Galaxy A21', 'SM-A225': 'Galaxy A22', 'SM-A235': 'Galaxy A23', 'SM-A245': 'Galaxy A24', 'SM-A256': 'Galaxy A25', 'SM-A305': 'Galaxy A30', 'SM-A315': 'Galaxy A31', 'SM-A325': 'Galaxy A32', 'SM-A336': 'Galaxy A33', 'SM-A346': 'Galaxy A34', 'SM-A356': 'Galaxy A35', 'SM-A366': 'Galaxy A36', 'SM-A505': 'Galaxy A50', 'SM-A515': 'Galaxy A51', 'SM-A525': 'Galaxy A52', 'SM-A536': 'Galaxy A53', 'SM-A546': 'Galaxy A54', 'SM-A556': 'Galaxy A55', 'SM-A705': 'Galaxy A70', 'SM-A715': 'Galaxy A71', 'SM-A736': 'Galaxy A73', 'SM-A746': 'Galaxy A74', // Samsung Galaxy M 'SM-M015': 'Galaxy M01', 'SM-M105': 'Galaxy M10', 'SM-M115': 'Galaxy M11', 'SM-M125': 'Galaxy M12', 'SM-M135': 'Galaxy M13', 'SM-M145': 'Galaxy M14', 'SM-M205': 'Galaxy M20', 'SM-M215': 'Galaxy M21', 'SM-M225': 'Galaxy M22', 'SM-M236': 'Galaxy M23', 'SM-M246': 'Galaxy M24', 'SM-M305': 'Galaxy M30', 'SM-M315': 'Galaxy M31', 'SM-M325': 'Galaxy M32', 'SM-M336': 'Galaxy M33', 'SM-M346': 'Galaxy M34', 'SM-M356': 'Galaxy M35', // Google Pixel（含无空格键，兼容 Client Hints / 部分 UA） 'Pixel': 'Pixel', 'Pixel2': 'Pixel 2', 'Pixel 2': 'Pixel 2', 'Pixel 2 XL': 'Pixel 2 XL', 'Pixel3': 'Pixel 3', 'Pixel 3': 'Pixel 3', 'Pixel 3 XL': 'Pixel 3 XL', 'Pixel 3a': 'Pixel 3a', 'Pixel 3a XL': 'Pixel 3a XL', 'Pixel4': 'Pixel 4', 'Pixel 4': 'Pixel 4', 'Pixel 4 XL': 'Pixel 4 XL', 'Pixel 4a': 'Pixel 4a', 'Pixel 4a 5G': 'Pixel 4a 5G', 'Pixel5': 'Pixel 5', 'Pixel 5': 'Pixel 5', 'Pixel 5a': 'Pixel 5a', 'Pixel6': 'Pixel 6', 'Pixel 6': 'Pixel 6', 'Pixel 6 Pro': 'Pixel 6 Pro', 'Pixel 6a': 'Pixel 6a', 'Pixel7': 'Pixel 7', 'Pixel 7': 'Pixel 7', 'Pixel 7 Pro': 'Pixel 7 Pro', 'Pixel 7a': 'Pixel 7a', 'Pixel8': 'Pixel 8', 'Pixel 8': 'Pixel 8', 'Pixel 8 Pro': 'Pixel 8 Pro', 'Pixel 8a': 'Pixel 8a', 'Pixel9': 'Pixel 9', 'Pixel 9': 'Pixel 9', 'Pixel 9 Pro': 'Pixel 9 Pro', 'Pixel 9 Pro XL': 'Pixel 9 Pro XL', // Huawei 'ELE': 'Huawei P30', 'VOG': 'Huawei P30 Pro', 'MAR': 'Huawei P40', 'ANA': 'Huawei P40 Pro', 'ELS': 'Huawei P40 Pro+', 'OCE': 'Huawei Mate 20', 'HMA': 'Huawei Mate 20 Pro', 'LYA': 'Huawei Mate 20 X', 'TAS': 'Huawei Mate 30', 'LIO': 'Huawei Mate 30 Pro', 'EVR': 'Huawei Mate 30 Pro 5G', 'NOH': 'Huawei Mate 40', 'NOP': 'Huawei Mate 40 Pro', 'ALP': 'Huawei Mate 50', 'BAL': 'Huawei Mate 60', 'BRQ': 'Huawei Mate 60 Pro', 'NOVA': 'Huawei Nova', 'SEA': 'Huawei Nova 5', 'JEF': 'Huawei Nova 7', // Xiaomi 'M2102': 'Redmi Note 10', 'M2010': 'Redmi 9', '2201116': 'Redmi Note 11', '22101316': 'Redmi Note 12', '2312': 'Redmi Note 13', 'M2007': 'Mi 10', 'M2012': 'Mi 11', '2201123': 'Mi 12', '2211133': 'Mi 13', '2403': 'Mi 14', 'POCO': 'POCO', 'M2004': 'POCO X2', '22101320': 'POCO F4', // OPPO 'CPH': 'OPPO', 'PDBM00': 'OPPO Find X', 'PCLM10': 'OPPO Reno', 'PDSM00': 'OPPO Reno4', 'PDRM00': 'OPPO Reno3', 'PEGM00': 'OPPO Reno5', 'PFTM10': 'OPPO Reno6', 'PFJM10': 'OPPO Reno7', 'PGJM10': 'OPPO Reno8', 'PHM110': 'OPPO Reno9', 'PJT110': 'OPPO Reno10', 'PJH110': 'OPPO Reno11', 'PBBM00': 'OPPO Find X2', 'PFFM20': 'OPPO Find X5', 'PGEM10': 'OPPO Find X6', 'PJF110': 'OPPO Find X7', 'PCHM30': 'OPPO A series', 'PCHT30': 'OPPO A series', 'CPH2': 'OPPO A', 'CPH24': 'OPPO A', // vivo 'V': 'vivo', 'PD': 'vivo', 'V2025': 'vivo Y20', 'V2034': 'vivo Y30', 'V2046': 'vivo Y52s', 'V2055': 'vivo Y73', 'V2111': 'vivo Y76', 'V2202': 'vivo Y77', 'V2227': 'vivo Y78', 'V2023': 'vivo X50', 'V2047': 'vivo X60', 'V2118': 'vivo X70', 'V2145': 'vivo X80', 'V2229': 'vivo X90', 'V2302': 'vivo X100', 'V2031': 'vivo S7', 'V2045': 'vivo S9', 'V2121': 'vivo S12', 'V2162': 'vivo S16', 'V2245': 'vivo S18', // OnePlus 'LE': 'OnePlus', 'LE2110': 'OnePlus 9', 'LE2120': 'OnePlus 9 Pro', 'LE2121': 'OnePlus 9R', 'KB2001': 'OnePlus 8T', 'KB2003': 'OnePlus 8T', 'IN2010': 'OnePlus 8', 'IN2020': 'OnePlus 8 Pro', 'CPH2449': 'OnePlus 12', 'CPH2581': 'OnePlus 12R', 'CPH2611': 'OnePlus 13', 'PJD110': 'OnePlus Nord', 'DN2101': 'OnePlus Nord 2', 'LE2127': 'OnePlus Nord N10', // Realme 'RMX': 'Realme', 'RMX3031': 'Realme 8', 'RMX3081': 'Realme 8 Pro', 'RMX3231': 'Realme 9', 'RMX3630': 'Realme 10', 'RMX3785': 'Realme 11', 'RMX3841': 'Realme 12', 'RMX2001': 'Realme X50', 'RMX2202': 'Realme 7', 'RMX3261': 'Realme Narzo', 'RMX3663': 'Realme C', 'RMX3710': 'Realme C55', // Honor 'ANY': 'Honor', 'NTN': 'Honor 90', 'MAG': 'Honor Magic', 'FNE': 'Honor 50', 'GNE': 'Honor 60', 'HLE': 'Honor 70', 'PGT': 'Honor 80', 'ALI': 'Honor Magic4', 'LGE': 'Honor Magic5', 'BVL': 'Honor Magic6', // Sony 'Xperia 1': 'Xperia 1', 'Xperia 5': 'Xperia 5', 'Xperia 10': 'Xperia 10', 'J8110': 'Xperia 1', 'J8210': 'Xperia 1 II', 'XQ-AT51': 'Xperia 1 III', 'XQ-CT54': 'Xperia 1 IV', 'XQ-DQ72': 'Xperia 1 V', // Motorola 'moto': 'Moto', 'XT': 'Moto', 'motorola one': 'Moto One', 'motorola edge': 'Moto Edge', 'motorola razr': 'Moto Razr', // 其他常见前缀兜底（需最长前缀匹配的放前面已列） 'SM-A': 'Galaxy A', 'SM-M': 'Galaxy M', 'SM-N': 'Galaxy Note', 'SM-F': 'Galaxy Z', 'SM-G': 'Galaxy S', 'SM-S': 'Galaxy S' } }, // 农历相关 lunarLib: { /* * 农历1900-2100的润大小信息表 * 0x代表十六进制，后面的是十六进制数 * 例：1980年的数据是：0x095b0 二进制：0000 1001 0101 1011 0000 | ------------------------------- | | 0000 | 1001 0101 1011 | 0000 | | ------------------------------- | | 1~4 | 5~16 | 17~20 | | ------------------------------- | 1-4: 表示当年有无闰年，有的话，为闰月的月份，没有的话，为0。 5-16：为除了闰月外的正常月份是大月还是小月，1为30天，0为29天。 17-20：表示闰月是大月还是小月，仅当存在闰月的情况下有意义。 表示1980年没有闰月，从1月到12月的天数依次为：30、29、29、30、29、30、29、30、30、29、30、30。 */ lunarMap: [ 0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909 0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919 0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929 0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939 0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949 0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5d0, 0x14573, 0x052d0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959 0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b5a0, 0x195a6, // 1970-1979 0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989 0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x055c0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999 0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009 0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019 0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029 0x05aa0, 0x076a3, 0x096d0, 0x04bd7, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039 0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0 // 2040-2049 ], // 阳历每个月的天数普通表 solarMonthArr: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], // 十二生肖 AnimalsArr: ["鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪"], // 数字转汉字表1 numberToHanzi_1: ['日', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'], // 数字转汉字表2 numberToHanzi_2: ['初', '十', '廿', '卅'], // 中文月份 chineseMonth: ['正', '二', '三', '四', '五', '六', '七', '八', '九', '十', '冬', '腊'], // 中文年份 chineseYear: ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'], monthPlusOne: '', // 保存y年m+1月的相关信息 } } // 方法库 const MethodLibrary = (function () { return { /** * 创建loading */ createLoading: function (text, showTimeCount) { let count = 1 let timeCountStr = '' if (showTimeCount) { timeCountStr = '<div id="count_box" style="padding: 5px 10px;' + ' border-radius: 50%;' + ' color: white;' + ' background-color: #28a745;' + ' font-size: 16px;' + ' font-weight: 300;' + ' width: 80px;' + ' height: 80px;' + ' display: flex;' + ' justify-content: center;' + ' flex-direction: column;' + ' align-items: center;">' + ' <div>' + count + 's</div>' + '</div>' } let textStr = '' if (text) { textStr = '<div style="padding: 5px 10px;border-radius: 3px;color:white;background-color: #28a745;font-size: 16px;font-weight: 300;">' + text + '</div>' } let loading = document?.createElement('div') loading.id = 'create_loading' loading.style = 'display: block;' + ' position: fixed;' + ' top: 0;' + ' left: 0;' + ' width: 100%;' + ' height: 100%;' + ' z-index: 9999999999;' + ' text-align: center;' + ' font-size: 14px;' + ' display: flex;' + ' flex: 1;' + ' justify-content: center;' + ' flex-direction: column;' + ' align-items: center;' + ' background: rgba(0, 0, 0, 0.09);' loading.innerHTML = timeCountStr + '<div class="ball-pulse" style="padding: 15px;">' + ' <div></div>' + ' <div></div>' + ' <div></div>' + '</div>' + textStr document?.body?.appendChild(loading) if (showTimeCount) { let countBox = document?.getElementById('count_box') setInterval(function () { count++ if (countBox) { countBox.innerHTML = '<div>' + count + 's</div>' } }, 1000) } }, /** * 删除loading */ removeLoading: function () { let loading = document?.getElementById('create_loading') document?.body?.removeChild(loading) }, // 生成UUID通用唯一标识码 createUUID: function () { let result = [] let hexDigits = "0123456789abcdef" for (let i = 0; i < 36; i++) { result[i] = hexDigits?.substr(Math?.floor(Math?.random() * 0x10), 1) } // bits 12-15 of the time_hi_and_version field to 0010 result[14] = "4" // bits 6-7 of the clock_seq_hi_and_reserved to 01 result[19] = hexDigits?.substr((result[19] & 0x3) | 0x8, 1) result[8] = result[13] = result[18] = result[23] = "-" return result?.join("") }, // 获取阳历日期时间 getDate: function () { let date = new Date() let year = date?.getFullYear() let month = date?.getMonth() + 1 let day = date?.getDate() let hour = date?.getHours() let minutes = date?.getMinutes() let seconds = date?.getSeconds() month = month > 9 ? month : "0" + month day = day > 9 ? day : "0" + day hour = hour > 9 ? hour : "0" + hour minutes = minutes > 9 ? minutes : "0" + minutes seconds = seconds > 9 ? seconds : "0" + seconds return `${year}/${month}/${day} ${hour}:${minutes}:${seconds}` }, // 获取当前周几 getWeek: function () { let show_week = new Array('周日', '周一', '周二', '周三', '周四', '周五', '周六') let time = new Date() let day = time?.getDay() let now_week = show_week[day] return now_week }, // 获取匹配库 getMatchMap: function (u) { return { // 内核 'Trident': u?.indexOf('Trident') > -1 || u?.indexOf('NET CLR') > -1, 'Presto': u?.indexOf('Presto') > -1, 'WebKit': u?.indexOf('AppleWebKit') > -1, 'Gecko': u?.indexOf('Gecko/') > -1, // 浏览器 'Safari': u?.indexOf('Safari') > -1, 'Chrome': u?.indexOf('Chrome') > -1 || u?.indexOf('CriOS') > -1, 'IE': u?.indexOf('MSIE') > -1 || u?.indexOf('Trident') > -1, 'Edge': u?.indexOf('Edg') > -1 || u?.indexOf('Edge/') > -1, 'Firefox': u?.indexOf('Firefox') > -1 || u?.indexOf('FxiOS') > -1, 'Firefox Focus': u?.indexOf('Focus') > -1, 'Chromium': u?.indexOf('Chromium') > -1, 'Opera': u?.indexOf('Opera') > -1 || u?.indexOf('OPR') > -1, 'Vivaldi': u?.indexOf('Vivaldi') > -1, 'Yandex': u?.indexOf('YaBrowser') > -1, 'Arora': u?.indexOf('Arora') > -1, 'Lunascape': u?.indexOf('Lunascape') > -1, 'QupZilla': u?.indexOf('QupZilla') > -1, 'Coc Coc': u?.indexOf('coc_coc_browser') > -1, 'Kindle': u?.indexOf('Kindle') > -1 || u?.indexOf('Silk/') > -1, 'Iceweasel': u?.indexOf('Iceweasel') > -1, 'Konqueror': u?.indexOf('Konqueror') > -1, 'Iceape': u?.indexOf('Iceape') > -1, 'SeaMonkey': u?.indexOf('SeaMonkey') > -1, 'Epiphany': u?.indexOf('Epiphany') > -1, '360': u?.indexOf('QihooBrowser') > -1 || u?.indexOf('QHBrowser') > -1, '360EE': u?.indexOf('360EE') > -1, '360SE': u?.indexOf('360SE') > -1, 'UC': u?.indexOf('UC') > -1 || u?.indexOf(' UBrowser') > -1, 'QQBrowser': u?.indexOf('QQBrowser') > -1, 'QQ': u?.indexOf('QQ/') > -1, 'Baidu': u?.indexOf('Baidu') > -1 || u?.indexOf('BIDUBrowser') > -1, 'Maxthon': u?.indexOf('Maxthon') > -1, 'Sogou': u?.indexOf('MetaSr') > -1 || u?.indexOf('Sogou') > -1, 'LBBROWSER': u?.indexOf('LBBROWSER') > -1 || u?.indexOf('LieBaoFast') > -1, '2345Explorer': u?.indexOf('2345Explorer') > -1, 'TheWorld': u?.indexOf('TheWorld') > -1, 'XiaoMi': u?.indexOf('MiuiBrowser') > -1, 'Quark': u?.indexOf('Quark') > -1, 'Qiyu': u?.indexOf('Qiyu') > -1, 'Wechat': u?.indexOf('MicroMessenger') > -1, 'WechatWork': u?.indexOf('wxwork/') > -1, 'Taobao': u?.indexOf('AliApp(TB') > -1, 'Alipay': u?.indexOf('AliApp(AP') > -1, 'Weibo': u?.indexOf('Weibo') > -1, 'Douban': u?.indexOf('com.douban.frodo') > -1, 'Suning': u?.indexOf('SNEBUY-APP') > -1, 'iQiYi': u?.indexOf('IqiyiApp') > -1, 'DingTalk': u?.indexOf('DingTalk') > -1, 'Vivo': u?.indexOf('VivoBrowser') > -1, 'Huawei': u?.indexOf('HuaweiBrowser') > -1 || u?.indexOf('HUAWEI/') > -1 || u?.indexOf( 'HONOR') > -1 || u?.indexOf('HBPC/') > -1, // 系统或平台 'Windows': u?.indexOf('Windows') > -1, 'Linux': u?.indexOf('Linux') > -1 || u?.indexOf('X11') > -1, 'Mac OS': u?.indexOf('Macintosh') > -1, 'Android': u?.indexOf('Android') > -1 || u?.indexOf('Adr') > -1, 'Ubuntu': u?.indexOf('Ubuntu') > -1, 'FreeBSD': u?.indexOf('FreeBSD') > -1, 'Debian': u?.indexOf('Debian') > -1, 'Windows Phone': u?.indexOf('IEMobile') > -1 || u?.indexOf('Windows Phone') > -1, 'BlackBerry': u?.indexOf('BlackBerry') > -1 || u?.indexOf('RIM') > -1, 'MeeGo': u?.indexOf('MeeGo') > -1, 'Symbian': u?.indexOf('Symbian') > -1, 'iOS': u?.indexOf('like Mac OS X') > -1, 'Chrome OS': u?.indexOf('CrOS') > -1, 'WebOS': u?.indexOf('hpwOS') > -1, 'HarmonyOS': u?.indexOf('HarmonyOS') > -1, // 设备 'Mobile': u?.indexOf('Mobi') > -1 || u?.indexOf('iPh') > -1 || u?.indexOf('480') > -1, 'Tablet': u?.indexOf('Tablet') > -1 || u?.indexOf('Nexus 7') > -1, 'iPad': u?.indexOf('iPad') > -1 } }, // 在信息map和匹配库中进行匹配 matchInfoMap: function (_this) { let u = VariableLibrary?.navigator?.userAgent || {} let match = MethodLibrary?.getMatchMap(u) for (let s in VariableLibrary?.infoMap) { for (let i = 0; i < VariableLibrary?.infoMap?.[s]?.length; i++) { let value = VariableLibrary?.infoMap?.[s]?.[i] if (match[value]) { _this[s] = value } } } }, // 获取当前操作系统 getOS: function () { let _this = this MethodLibrary?.matchInfoMap(_this) return _this.os }, // 获取操作系统版本 getOSVersion: function () { let _this = this let u = VariableLibrary?.navigator?.userAgent || {} _this.osVersion = '' // 系统版本信息 let osVersion = { 'Windows': function () { let v = u?.replace(/^.*Windows NT ([\d.]+);.*$/, '$1') let oldWindowsVersionMap = { '10': '10 || 11', '6.3': '8.1', '6.2': '8', '6.1': '7', '6.0': 'Vista', '5.2': 'XP 64-Bit', '5.1': 'XP', '5.0': '2000', '4.0': 'NT 4.0', '3.5.1': 'NT 3.5.1', '3.5': 'NT 3.5', '3.1': 'NT 3.1', } return oldWindowsVersionMap[v] || v }, 'Android': function () { return u?.replace(/^.*Android ([\d.]+);.*$/, '$1') }, 'iOS': function () { return u?.replace(/^.*OS ([\d_]+) like.*$/, '$1')?.replace(/_/g, '.') }, 'Debian': function () { return u?.replace(/^.*Debian\/([\d.]+).*$/, '$1') }, 'Windows Phone': function () { return u?.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/, '$2') }, 'Mac OS': function () { return u?.replace(/^.*Mac OS X ([\d_]+).*$/, '$1')?.replace(/_/g, '.') }, 'WebOS': function () { return u?.replace(/^.*hpwOS\/([\d.]+);.*$/, '$1') } } if (osVersion[_this.os]) { _this.osVersion = osVersion?.[_this.os]?.() if (_this.osVersion == u) { _this.osVersion = '' } } return _this.osVersion }, // 获取横竖屏状态 getOrientationStatu: function () { let orientationStatus = '' let orientation = window?.matchMedia("(orientation: portrait)") if (orientation?.matches) { orientationStatus = "竖屏" } else { orientationStatus = "横屏" } return orientationStatus }, // 获取设备类型 getDeviceType: function () { let _this = this _this.device = 'PC' MethodLibrary?.matchInfoMap(_this) return _this.device }, // 获取网络状态 getNetwork: function () { let netWork = navigator?.connection?.effectiveType let isOnline = navigator?.onLine let res = "" if (isOnline) { res = netWork ? netWork : "网络状态获取失败" } else { res = "离线" } return res }, // 获取当前语言 getLanguage: function () { let _this = this _this.language = (function () { let language = (VariableLibrary?.navigator?.browserLanguage || VariableLibrary?.navigator?.language) let arr = language?.split('-') if (arr[1]) { arr[1] = arr?.[1]?.toUpperCase() } return arr?.join('_') })() return _this.language }, // 生成浏览器指纹 createFingerprint: function (domain) { let fingerprint function bin2hex(s) { let i, l, n, o = '' s += '' for (i = 0, l = s.length; i < l; i++) { n = s.charCodeAt(i)?.toString(16) o += n.length < 2 ? '0' + n : n } return o } let canvas = document?.createElement('canvas') let ctx = canvas?.getContext('2d') let txt = domain || window?.location?.host ctx.textBaseline = "top" ctx.font = "14px 'Arial'" ctx.textBaseline = "tencent" ctx.fillStyle = "#f60" ctx.fillRect(125, 1, 62, 20) ctx.fillStyle = "#069" ctx.fillText(txt, 2, 15) ctx.fillStyle = "rgba(102, 204, 0, 0.7)" ctx.fillText(txt, 4, 17) let b64 = canvas?.toDataURL()?.replace("data:image/png;base64,", "") let bin = atob(b64) let crc = bin2hex(bin?.slice(-16, -12)) fingerprint = crc return fingerprint }, // 浏览器信息 getBrowserInfo: function () { let _this = this MethodLibrary?.matchInfoMap(_this) let u = VariableLibrary?.navigator?.userAgent || {} let _mime = function (option, value) { let mimeTypes = VariableLibrary?.navigator?.mimeTypes for (let key in mimeTypes) { if (mimeTypes[key][option] == value) { return true } } return false } let match = MethodLibrary?.getMatchMap(u) let is360 = false if (_window.chrome) { let chrome_version = u?.replace(/^.*Chrome\/([\d]+).*$/, '$1') if (chrome_version > 36 && _window.showModalDialog) { is360 = true } else if (chrome_version > 45) { is360 = _mime("type", "application/vnd.chromium.remoting-viewer") } } if (match['Baidu'] && match['Opera']) { match['Baidu'] = false } if (match['Mobile']) { match['Mobile'] = !(u?.indexOf('iPad') > -1) } if (is360) { if (_mime("type", "application/gameplugin")) { match['360SE'] = true } else if (VariableLibrary?.navigator && typeof VariableLibrary?.navigator['connection']['saveData'] == 'undefined') { match['360SE'] = true } else { match['360EE'] = true } } if (match['IE'] || match['Edge']) { let navigator_top = window?.screenTop - window?.screenY switch (navigator_top) { case 71: // 无收藏栏,贴边 break case 74: // 无收藏栏,非贴边 break case 99: // 有收藏栏,贴边 break case 102: // 有收藏栏,非贴边 match['360EE'] = true break; case 75: // 无收藏栏,贴边 break case 74: // 无收藏栏,非贴边 break case 105: // 有收藏栏,贴边 break case 104: // 有收藏栏,非贴边 match['360SE'] = true break default: break } } let browerVersionMap = { 'Safari': function () { return u?.replace(/^.*Version\/([\d.]+).*$/, '$1') }, 'Chrome': function () { return u?.replace(/^.*Chrome\/([\d.]+).*$/, '$1')?.replace(/^.*CriOS\/([\d.]+).*$/, '$1') }, 'IE': function () { return u?.replace(/^.*MSIE ([\d.]+).*$/, '$1')?.replace(/^.*rv:([\d.]+).*$/, '$1') }, 'Edge': function () { return u?.replace(/^.*Edg\/([\d.]+).*$/, '$1')?.replace(/^.*Edge\/([\d.]+).*$/, '$1') }, 'Firefox': function () { return u?.replace(/^.*Firefox\/([\d.]+).*$/, '$1')?.replace(/^.*FxiOS\/([\d.]+).*$/, '$1') }, 'Firefox Focus': function () { return u?.replace(/^.*Focus\/([\d.]+).*$/, '$1') }, 'Chromium': function () { return u?.replace(/^.*Chromium\/([\d.]+).*$/, '$1') }, 'Opera': function () { return u?.replace(/^.*Opera\/([\d.]+).*$/, '$1')?.replace(/^.*OPR\/([\d.]+).*$/, '$1') }, 'Vivaldi': function () { return u?.replace(/^.*Vivaldi\/([\d.]+).*$/, '$1') }, 'Yandex': function () { return u?.replace(/^.*YaBrowser\/([\d.]+).*$/, '$1') }, 'Arora': function () { return u?.replace(/^.*Arora\/([\d.]+).*$/, '$1') }, 'Lunascape': function () { return u?.replace(/^.*Lunascape[\/\s]([\d.]+).*$/, '$1') }, 'QupZilla': function () { return u?.replace(/^.*QupZilla[\/\s]([\d.]+).*$/, '$1') }, 'Coc Coc': function () { return u?.replace(/^.*coc_coc_browser\/([\d.]+).*$/, '$1') }, 'Kindle': function () { return u?.replace(/^.*Version\/([\d.]+).*$/, '$1') }, 'Iceweasel': function () { return u?.replace(/^.*Iceweasel\/([\d.]+).*$/, '$1') }, 'Konqueror': function () { return u?.replace(/^.*Konqueror\/([\d.]+).*$/, '$1') }, 'Iceape': function () { return u?.replace(/^.*Iceape\/([\d.]+).*$/, '$1') }, 'SeaMonkey': function () { return u?.replace(/^.*SeaMonkey\/([\d.]+).*$/, '$1') }, 'Epiphany': function () { return u?.replace(/^.*Epiphany\/([\d.]+).*$/, '$1') }, '360': function () { return u?.replace(/^.*QihooBrowser\/([\d.]+).*$/, '$1') }, '360SE': function () { let hash = {'63': '10.0', '55': '9.1', '45': '8.1', '42': '8.0', '31': '7.0', '21': '6.3'} let chrome_version = u?.replace(/^.*Chrome\/([\d]+).*$/, '$1') return hash[chrome_version] || '' }, '360EE': function () { let hash = {'69': '11.0', '63': '9.5', '55': '9.0', '50': '8.7', '30': '7.5'}; let chrome_version = u?.replace(/^.*Chrome\/([\d]+).*$/, '$1') return hash[chrome_version] || '' }, 'Maxthon': function () { return u?.replace(/^.*Maxthon\/([\d.]+).*$/, '$1') }, 'QQBrowser': function () { return u?.replace(/^.*QQBrowser\/([\d.]+).*$/, '$1') }, 'QQ': function () { return u?.replace(/^.*QQ\/([\d.]+).*$/, '$1') }, 'Baidu': function () { return u?.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/, '$1') }, 'UC': function () { return u?.replace(/^.*UC?Browser\/([\d.]+).*$/, '$1') }, 'Sogou': function () { return u?.replace(/^.*SE ([\d.X]+).*$/, '$1')?.replace(/^.*SogouMobileBrowser\/([\d.]+).*$/, '$1') }, 'Liebao': function () { let version = '' if (u?.indexOf('LieBaoFast') > -1) { version = u?.replace(/^.*LieBaoFast\/([\d.]+).*$/, '$1'); } let hash = { '57': '6.5', '49': '6.0', '46': '5.9', '42': '5.3', '39': '5.2', '34': '5.0', '29': '4.5', '21': '4.0' }; let chrome_version = u?.replace(/^.*Chrome\/([\d]+).*$/, '$1'); return version || hash[chrome_version] || ''; }, 'LBBROWSER': function () { let version = '' if (u?.indexOf('LieBaoFast') > -1) { version = u?.replace(/^.*LieBaoFast\/([\d.]+).*$/, '$1'); } let hash = { '57': '6.5', '49': '6.0', '46': '5.9', '42': '5.3', '39': '5.2', '34': '5.0', '29': '4.5', '21': '4.0' }; let chrome_version = u?.replace(/^.*Chrome\/([\d]+).*$/, '$1'); return version || hash[chrome_version] || ''; }, '2345Explorer': function () { return u?.replace(/^.*2345Explorer\/([\d.]+).*$/, '$1') }, '115Browser': function () { return u?.replace(/^.*115Browser\/([\d.]+).*$/, '$1'); }, 'TheWorld': function () { return u?.replace(/^.*TheWorld ([\d.]+).*$/, '$1') }, 'XiaoMi': function () { return u?.replace(/^.*MiuiBrowser\/([\d.]+).*$/, '$1') }, 'Vivo': function () { return u?.replace(/^.*VivoBrowser\/([\d.]+).*$/, '$1'); }, 'Quark': function () { return u?.replace(/^.*Quark\/([\d.]+).*$/, '$1') }, 'Qiyu': function () { return u?.replace(/^.*Qiyu\/([\d.]+).*$/, '$1') }, 'Wechat': function () { return u?.replace(/^.*MicroMessenger\/([\d.]+).*$/, '$1') }, 'WechatWork': function () { return u?.replace(/^.*wxwork\/([\d.]+).*$/, '$1'); }, 'Taobao': function () { return u?.replace(/^.*AliApp\(TB\/([\d.]+).*$/, '$1') }, 'Alipay': function () { return u?.replace(/^.*AliApp\(AP\/([\d.]+).*$/, '$1') }, 'Weibo': function () { return u?.replace(/^.*weibo__([\d.]+).*$/, '$1') }, 'Douban': function () { return u?.replace(/^.*com.douban.frodo\/([\d.]+).*$/, '$1') }, 'Suning': function () { return u?.replace(/^.*SNEBUY-APP([\d.]+).*$/, '$1') }, 'iQiYi': function () { return u?.replace(/^.*IqiyiVersion\/([\d.]+).*$/, '$1') }, 'DingTalk': function () { return u?.replace(/^.*DingTalk\/([\d.]+).*$/, '$1'); }, 'Huawei': function () { return u?.replace(/^.*Version\/([\d.]+).*$/, '$1')?.replace(/^.*HuaweiBrowser\/([\d.]+).*$/, '$1') ?.replace(/^.*HBPC\/([\d.]+).*$/, '$1'); } } _this.browserVersion = '' if (browerVersionMap[_this.browser]) { _this.browserVersion = browerVersionMap?.[_this.browser]?.() if (_this.browserVersion == u) { _this.browserVersion = '' } } if (_this.browser == 'Chrome' && u?.match(/\S+Browser/)) { _this.browser = u?.match(/\S+Browser/)[0]; _this.version = u?.replace(/^.*Browser\/([\d.]+).*$/, '$1'); } if (_this.browser == 'Edge') { if (parseInt(_this.browserVersion, 10) > 75) { _this.engine = 'Blink' } else { _this.engine = 'EdgeHTML' } } if (_this.browser == 'Chrome' && parseInt(_this.browserVersion) > 27) { _this.engine = 'Blink' } else if (match['Chrome'] && _this.engine == 'WebKit' && parseInt(browerVersionMap['Chrome']()) > 27) { _this.engine = 'Blink'; } else if (_this.browser == 'Opera' && parseInt(_this.version) > 12) { _this.engine = 'Blink'; } else if (_this.browser == 'Yandex') { _this.engine = 'Blink'; } return _this.browser + '（版本: ' + _this.browserVersion + ' 内核: ' + _this.engine + '）' }, // 获取地理位置；maximumAge 使模拟器/DevTools 设置的坐标可被复用 getGeoPostion: function () { var failResult = { coords: { longitude: '获取失败', latitude: '获取失败' } } if (!navigator?.geolocation) return Promise.resolve(failResult) return new Promise(function (resolve) { navigator.geolocation.getCurrentPosition( function (position) { resolve(position) }, function () { resolve(failResult) }, { enableHighAccuracy: false, timeout: 10000, maximumAge: 60000 } ) }) }, /* 阳历转阴历 * @date: <String> 2023/01/01 */ toLunarDate: function (date) { let now_date = new Date() let date_str = date ? date?.replaceAll('-', '/') : `${now_date?.getFullYear()}/${now_date?.getMonth() + 1}/${now_date?.getDate()}` function transferToLunar(str) { let lunar let solarYear = new Date(str)?.getFullYear() let solarMonth = new Date(str)?.getMonth() let solarDay = new Date(str)?.getDate() let solarDateObj let lunarDateObj, lunarYear, lunarMonth, lunarDay = 1 let lunarLeap // 农历是否闰月 let lunarLastDay = 0 // 农历当月最后一天 let firstLunarMonth = '' // 农历第一个月 let lunarDayPositionArr = new Array(3) let n = 0 // 阳历当月天数 let solarMonthLength if (solarMonth === 1) { solarMonthLength = (((solarYear % 4 === 0) && (solarYear % 100 != 0) || (solarYear % 400 === 0)) ? 29 : 28) } else { solarMonthLength = (VariableLibrary?.lunarLib?.solarMonthArr[solarMonth]) } // 判断year年的农历中那个月是闰月,不是闰月返回0 function whitchMonthLeap(year) { return (VariableLibrary?.lunarLib?.lunarMap?.[year - 1900] & 0xf) } // 返回农历year年润月天数 function leapMonthDays(year) { if (whitchMonthLeap(year)) { return ((VariableLibrary?.lunarLib?.lunarMap?.[year - 1900] & 0x10000) ? 30 : 29) } else { return (0) } } // 返回农历y年m月的总天数 function monthDays(y, m) { return ((VariableLibrary?.lunarLib?.lunarMap?.[y - 1900] & (0x10000 >> m)) ? 30 : 29) } // 算出当前月第一天的农历日期和当前农历日期下一个月农历的第一天日期 function calculateLunarFirstDay(objDate) { let j, leap = 0, temp = 0 let baseDate = new Date(1900, 0, 31) let offset = (objDate - baseDate) / 86400000 let dayCycle = offset + 40 let monthCycle = 14 for (j = 1900; j < 2050 && offset > 0; j++) { // 返回农历j年的总天数 let sum = 348 for (let k = 0x8000; k > 0x8; k >>= 1) { sum += (VariableLibrary?.lunarLib?.lunarMap[j - 1900] & k) ? 1 : 0 } temp = (sum + leapMonthDays(j)) offset -= temp monthCycle += 12 } if (offset < 0) { offset += temp j-- monthCycle -= 12 } let year = j let yearCycle = j - 1864 // 判断j年的农历中那个月是闰月,不是闰月返回0 leap = whitchMonthLeap(j) let isLeap = false for (j = 1; j < 13 && offset > 0; j++) { if (leap > 0 && j === (leap + 1) && isLeap === false) { // 闰月 --j isLeap = true temp = leapMonthDays(year) } else { temp = monthDays(year, j) } if (isLeap === true && j === (leap + 1)) isLeap = false // 解除闰月 offset -= temp if (isLeap === false) monthCycle++ } if (offset === 0 && leap > 0 && j === leap + 1) { if (isLeap) { isLeap = false } else { isLeap = true --j --monthCycle } } if (offset < 0) { offset += temp --j --monthCycle } let month = j let day = offset + 1 return { year, month, day, isLeap, yearCycle, monthCycle, dayCycle } } for (let i = 0; i < solarMonthLength; i++) { if (lunarDay > lunarLastDay) { // 阳历当月第一天的日期 solarDateObj = new Date(solarYear, solarMonth, date ? solarDay : new Date()?.getDate()) // 农历 lunarDateObj = calculateLunarFirstDay(solarDateObj) lunarYear = lunarDateObj.year; // 农历年 lunarMonth = lunarDateObj.month; // 农历月 lunarDay = lunarDateObj.day; // 农历日 lunarLeap = lunarDateObj.isLeap; // 农历是否闰月 lunarLastDay = lunarLeap ? leapMonthDays(lunarYear) : monthDays(lunarYear, lunarMonth) if (lunarMonth === 12) { VariableLibrary.lunarLib.monthPlusOne = lunarLastDay } if (n === 0) { firstLunarMonth = lunarMonth } else { lunarDayPositionArr[n++] = i - lunarDay + 1 } } } lunar = { lunarYear, lunarMonth, lunarDay, lunarLeap, chineseZodiac: VariableLibrary?.lunarLib?.AnimalsArr[(lunarYear - 4) % 12] } // 用中文显示农历的日期 function chineseDay(date) { date = Math?.floor(date) let ChineseDate switch (date) { case 10: ChineseDate = '初十'; break; case 20: ChineseDate = '二十'; break; case 30: ChineseDate = '三十'; break; default: ChineseDate = VariableLibrary.lunarLib.numberToHanzi_2[Math?.floor(date / 10)]; ChineseDate += VariableLibrary.lunarLib.numberToHanzi_1[date % 10]; } return ChineseDate } let lunarYearArr = String(lunar.lunarYear)?.split('') let chineseYear = `${VariableLibrary?.lunarLib?.chineseYear[lunarYearArr[0]]}${VariableLibrary?.lunarLib?.chineseYear[lunarYearArr[1]]}${VariableLibrary?.lunarLib?.chineseYear[lunarYearArr[2]]}${VariableLibrary?.lunarLib?.chineseYear[lunarYearArr[3]]}` return { year: `${chineseYear}年`, month: `${lunar.isLeap ? '闰' : ''}${VariableLibrary?.lunarLib?.chineseMonth[lunar.lunarMonth - 1]}月`, day: `${chineseDay(lunar.lunarDay)}`, chineseZodiac: lunar?.chineseZodiac } } return transferToLunar(date_str) }, // 获取操作系统平台 getPlatform() { const platform = VariableLibrary?.navigator?.userAgentData?.platform || VariableLibrary?.navigator?.platform return platform }, // 是否模拟器：仅当 UA 明确包含 Simulator/Emulator 时判为是，其余均判否（浏览器无法可靠区分） // 模拟器：UA 含 Simulator/Emulator，或「移动端 UA + 桌面 platform」如 Chrome 设备模拟 getIsEmulator() { const u = (VariableLibrary?.navigator?.userAgent || '') const p = (VariableLibrary?.navigator?.platform || '') if (/Simulator|Emulator|Android SDK|sdk_gphone/i.test(u)) return true if (/Mobile|Android|iPhone|iPad|IEMobile/i.test(u) && /MacIntel|Win32|Linux x86_64|x86_64/i.test(p)) return true return false }, // 设备型号：Galaxy S8、iPhone 12、Pixel 7 等。优先 Client Hints；Chrome 可能返回通用型号，故 Pixel 以 UA Build 为准 getDeviceModel() { const u = VariableLibrary?.navigator?.userAgent || '' const nav = VariableLibrary?.navigator const map = VariableLibrary?.infoMap?.deviceModelMap || {} function resolveName(raw) { if (!raw) return '' let r = String(raw).trim() if (map[r]) return map[r] const pixelMatch = r.match(/\b(Pixel\s*\d[^\s]*)/i) if (pixelMatch) { const p = pixelMatch[1].trim() if (map[p]) return map[p] const norm = p.replace(/\s+/g, ' ').replace(/([a-z])([0-9])/i, '$1 $2') if (map[norm]) return map[norm] } if (/^Pixel\d/i.test(r)) { const withSpace = r.replace(/([a-z])([0-9])/i, '$1 $2') if (map[withSpace]) return map[withSpace] } const upper = r.toUpperCase() if (/^SM-/.test(upper)) { const keys = Object.keys(map).filter(k => k.startsWith('SM-') && upper.startsWith(k)) const best = keys.sort((a, b) => b.length - a.length)[0] return best ? map[best] : r } if (/^IPHONE\d/i.test(r)) return map[r] || r if (/^IPAD\d/i.test(r)) return map[r] || r if (/^Pixel\s/i.test(r)) return map[r] || r if (/^[A-Za-z0-9\-]{4,24}$/.test(r)) { const codeKeys = Object.keys(map).filter(k => !/^SM-|^iPhone|^iPad|^Pixel|^Xperia|^motorola/i.test(k) && k.length >= 3 && k.length <= 6) const found = codeKeys.filter(k => { const idx = upper.indexOf(k.toUpperCase()) return idx !== -1 && (idx === 0 || upper[idx - 1] === '-') }).sort((a, b) => b.length - a.length)[0] if (found) return map[found] } return r } function fromUA() { const iphoneId = u.match(/iPhone(\d+[,\d]*)/i)?.[0] if (iphoneId) return resolveName(iphoneId) if (/iPhone/i.test(u)) return 'iPhone' const ipadId = u.match(/iPad(\d+[,\d]*)/i)?.[0] if (ipadId) return resolveName(ipadId) if (/iPad/i.test(u)) return 'iPad' let segment = '' const buildMatch = u.match(/;\s*([^;]+)\s*Build\//i) if (buildMatch) segment = buildMatch[1].split(';').pop().trim() else if (/\bPixel\s*\d/i.test(u)) { const m = u.match(/\b(Pixel\s*\d[^\s);]*)/i) if (m) segment = m[1].trim() } const smMatch = segment && segment.match(/SM-[A-Z0-9]+/i) if (smMatch) return resolveName(smMatch[0]) if (/\bPixel\s*\d/i.test(segment)) { const m = segment.match(/\b(Pixel\s*\d[^\s;]*)/i) if (m) return resolveName(m[1].trim()) } const noSpaces = segment.replace(/\s+/g, '') if (noSpaces) { const name = resolveName(noSpaces) if (name && name !== noSpaces) return name if (/HUAWEI|HONOR/i.test(segment)) return segment.split(/\s+/).find(w => /^[A-Z]/i.test(w)) || 'Huawei' if (/Pixel/i.test(segment)) return segment.match(/\bPixel\s*\S*/i)?.[0]?.trim() || 'Pixel' if (/MI\s|M2102|Redmi|POCO/i.test(u)) return 'Xiaomi' if (/OPPO|PCLM|PDSM|CPH/i.test(u)) return 'OPPO' if (/vivo|V2\d|PD/i.test(u)) return 'vivo' if (/OnePlus|LE21|KB20/i.test(u)) return 'OnePlus' if (/Realme|RMX/i.test(u)) return 'Realme' return segment.slice(0, 35) } if (/Android/i.test(u)) return 'Android' return '' } if (nav?.userAgentData?.getHighEntropyValues) { return nav.userAgentData.getHighEntropyValues(['model']).then(h => { const hint = (h && h.model) ? String(h.model).trim() : '' const fromUAResult = fromUA() if (hint) { const fromHint = resolveName(hint) if (fromHint && /^Pixel\s*\d/i.test(fromUAResult) && /^Pixel/i.test(fromHint)) { const uaNum = fromUAResult.match(/Pixel\s*(\d+)/)?.[1] const hintNum = fromHint.match(/Pixel\s*(\d+)/)?.[1] if (uaNum && (!hintNum || uaNum !== hintNum)) return fromUAResult } if (fromHint) return fromHint } return fromUAResult }).catch(() => fromUA()) } return Promise.resolve(fromUA()) } } })() // 逻辑层：按需计算字段 const LogicLibrary = (function () { const fields = { deviceType: () => MethodLibrary?.getDeviceType(), OS: () => MethodLibrary?.getOS(), OSVersion: () => MethodLibrary?.getOSVersion(), platform: () => MethodLibrary?.getPlatform(), screenHeight: () => _window?.screen?.height, screenWidth: () => _window?.screen?.width, language: () => MethodLibrary?.getLanguage(), netWork: () => MethodLibrary?.getNetwork(), orientation: () => MethodLibrary?.getOrientationStatu(), browserInfo: () => MethodLibrary?.getBrowserInfo(), fingerprint: (p) => MethodLibrary?.createFingerprint(p?.domain || ''), userAgent: () => VariableLibrary?.navigator?.userAgent, geoPosition: () => true, date: () => MethodLibrary?.getDate(), lunarDate: (p) => MethodLibrary?.toLunarDate(p?.transferDateToLunar || ''), week: () => MethodLibrary?.getWeek(), UUID: () => MethodLibrary?.createUUID(), isEmulator: () => MethodLibrary?.getIsEmulator(), deviceModel: () => MethodLibrary?.getDeviceModel() } const keys = Object.keys(fields) return { DeviceInfoObj (params) { const need = !params?.info?.length ? keys : keys.filter(k => params.info.some(i => (i || '').toLowerCase() === k.toLowerCase())) const result = {} need.forEach(k => { result[k] = fields[k](params) }) const tasks = [] if ('geoPosition' in result) { tasks.push(MethodLibrary?.getGeoPostion?.() .then(geo => { result.geoPosition = `经度:${geo?.coords?.longitude} 纬度:${geo?.coords?.latitude}` }) .catch(err => { result.geoPosition = err })) } if ('deviceModel' in result && result.deviceModel && typeof result.deviceModel.then === 'function') { tasks.push(result.deviceModel.then(v => { result.deviceModel = v || '未知' })) } else if ('deviceModel' in result) { result.deviceModel = result.deviceModel || '未知' } if (!tasks.length) return Promise.resolve(result) return Promise.all(tasks).then(() => result) } } })() // 对外暴露方法 return { /** * @params:{ * domain: <String> 生成浏览器指纹所需，不传默认使用window.location.host; * info: <Array> 想要获取的信息，不传默认显示全部信息 * } * * @return: 返回 Promise 对象 */ Info: function (params) { MethodLibrary?.createLoading() return new Promise(resolve => { LogicLibrary?.DeviceInfoObj(params)?.then(res => { MethodLibrary?.removeLoading() resolve(res) }) }) } } })() if (typeof window === "undefined" || typeof window === null) { const jsdom = require("jsdom") const {JSDOM} = jsdom const DOM = new JSDOM(``) window = DOM?.window document = DOM?.window?.document globalThis.window = window globalThis.document = document } window.Device = Device export default Device |
&[……]
JS判断图片是否加载完毕
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/** * @function Determine if the image has been loaded. * @param img,callback */ function imgIsLoaded(img, callback) { var timer = setInterval(function () { if (img.complete) { callback(img) clearInterval(timer) } }, 50) } |