index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta
  7. name="viewport"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
  9. />
  10. <title>h5</title>
  11. </head>
  12. <body>
  13. <div id="app"></div>
  14. <script type="module" src="/src/main.ts"></script>
  15. <script>
  16. function getBrowserInfo() {
  17. const userAgent = navigator.userAgent;
  18. let browserName = "Unknown";
  19. let browserVersion = "Unknown";
  20. // 检查浏览器类型及版本
  21. if (userAgent.includes("Chrome")) {
  22. browserName = "Chrome";
  23. // 提取 Chrome 版本
  24. const match = userAgent.match(/Chrome\/([0-9]+)/);
  25. if (match) {
  26. browserVersion = match[1];
  27. }
  28. } else if (userAgent.includes("Firefox")) {
  29. browserName = "Firefox";
  30. // 提取 Firefox 版本
  31. const match = userAgent.match(/Firefox\/([0-9]+)/);
  32. if (match) {
  33. browserVersion = match[1];
  34. }
  35. } else if (userAgent.includes("MSIE") || userAgent.includes("Trident")) {
  36. browserName = "Internet Explorer";
  37. // 提取 IE 版本
  38. const match = userAgent.match(/(?:MSIE |rv:)([0-9]+)/);
  39. if (match) {
  40. browserVersion = match[1];
  41. }
  42. } else if (userAgent.includes("Edge")) {
  43. browserName = "Edge";
  44. // 提取 Edge 版本
  45. const match = userAgent.match(/Edge\/([0-9]+)/);
  46. if (match) {
  47. browserVersion = match[1];
  48. }
  49. } else if (userAgent.includes("Safari")) {
  50. browserName = "Safari";
  51. // 提取 Safari 版本
  52. const match = userAgent.match(/Version\/([0-9]+)/);
  53. if (match) {
  54. browserVersion = match[1];
  55. }
  56. }
  57. return {
  58. browserName,
  59. browserVersion,
  60. };
  61. }
  62. // const browserInfo = getBrowserInfo();
  63. // console.log(`Browser: ${browserInfo.browserName}, Version: ${browserInfo.browserVersion}`);
  64. </script>
  65. </body>
  66. </html>