Ra mắt aki-info-detect:
JavaScript Library Phát Hiện Thiết Bị Thông Minh TRONG 5S

📦 Cài đặt qua npm

Hỗ trợ cả yarn và pnpm. Library hỗ trợ cả ES Module và UMD.

⚡ Quick Start

import akiInfoDetect from 'aki-info-detect';

const info = await akiInfoDetect();

console.log(info.browser);    // "Chrome 120"
console.log(info.os.string);  // "macOS 14.2.0"
console.log(info.CPU);        // "Apple Silicon"
console.log(info.GPU);        // "Apple M2 Pro"
console.log(info.RAM);        // 16
console.log(info.isMobile);   // false

🌐 Sử dụng qua CDN (Không cần build)

<script type="module">
  import akiInfoDetect from 'https://unpkg.com/aki-info-detect';
  const info = await akiInfoDetect();
  console.log(info);
</script>

🌲 Tree-shakeable: Import chỉ những gì cần

import { getNetworkInfo, getScreen, getBattery } from 'aki-info-detect';

const screen = getScreen();
const battery = await getBattery();
const network = await getNetworkInfo();

Giảm bundle size bằng cách chỉ import các function cần thiết.

⚛️ React Hook

import { useState, useEffect } from 'react';
import akiInfoDetect from 'aki-info-detect';

function useSystemInfo() {
  const [info, setInfo] = useState(null);
  
  useEffect(() => {
    akiInfoDetect().then(setInfo);
  }, []);
  
  return info;
}

function App() {
  const info = useSystemInfo();
  
  if (!info) return <div>Loading...</div>;
  
  return (
    <div>
      <p>Browser: {info.browser}</p>
      <p>OS: {info.os.string}</p>
      <p>GPU: {info.GPU}</p>
    </div>
  );
}

💚 Vue 3 Composable

import { ref, onMounted } from 'vue';
import akiInfoDetect from 'aki-info-detect';

export function useSystemInfo() {
  const info = ref(null);
  
  onMounted(async () => {
    info.value = await akiInfoDetect();
  });
  
  return { info };
}