JavaScript 確認瀏覽器版本

筆者想要確認使用者的瀏覽器版本， 發現可以使用 window.navigator.userAgent ，但是內容複雜，並且很容易被偽造。有個實驗性 API navigator.userAgentData ，但是 firefox 和 Safari 還不支援。

後來發現 ua-parser-js 這個套件，已經幫我們解決最麻煩的問題了，使用起來非常簡單。

使用 CDN：

    
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js/dist/ua-parser.min.js"></script>
    

使用範例：

    
    const uap = new UAParser();
    const result = uap.getResult();
    console.log(result);

    console.log(`browser.name: ${result.browser.name}`); // browser.name: Chrome
    console.log(`browser.version: ${result.browser.version}`); // browser.version: 132.0.0.0
    console.log(`os.name: ${result.os.name}`); // os.name: Windows
    console.log(`os.version: ${result.os.version}`); // os.version: 10
    console.log(`engine.name: ${result.engine.name}`); // engine.name: Blink
    console.log(`cpu.architecture: ${result.cpu.architecture}`); // cpu.architecture: amd64
    

文章撰寫中...請稍後...

參考資料：
mdn - Navigator: userAgent property
mdn - Navigator: userAgentData property
GitHub - faisalman/ua-parser-js