如何在腳本標簽的index.html中使用Bowser Javascript庫？

Question

我需要在AngularJS應用中使用Javascript庫，但是在初始化angular應用之前，我已經在index.html中需要它。

這是庫： https : //github.com/lancedikson/bowser

它通常是這樣使用的：

const browser = Bowser.getParser(window.navigator.userAgent);

console.log(`The current browser name is "${browser.getBrowserName()}"`);
// The current browser name is "Internet Explorer"

問題是，在腳本標記中定義了庫之后：

<script src="lib/bower/..../bowser.js"></script>

我可以像這樣在index.html中的下一個腳本標記中立即使用它嗎？

<script>
    const browser = Bowser.getParser(window.navigator.userAgent);
    ...
</script>

目前，Bowser尚未定義。

Answer 1

檢查Bowser代碼后，它似乎沒有大寫。 此外，您正在提供的Bowser庫文件可能不打算以這種方式使用。 一種解決方案是從CDN提供Bowser的內置版本：

<script src="https://cdn.jsdelivr.net/npm/bowser@2.5.3/es5.min.js"></script>
<script>
    const browser = bowser.getParser(window.navigator.userAgent);
    //...
</script>