var parser = new UAParser();

下载缩小的 JavaScript 文件,并将其包含在与 HTML 文件相同的目录级别中。如果您在 Node.js 环境中使用 ua-parser-js,则可以使用 npm:
安装它

npm install ua-parser-js

然后,在您的 Node.js 脚本中,您可以需要该库:

const UAParser = require(\\'ua-parser-js\\');

对于 TypeScript 项目,您可以使用 npm 安装库及其类型定义:

npm install --save ua-parser-js @types/ua-parser-js

然后,在您的.ts文件中,您可以导入库:

import { UAParser } from \\\"ua-parser-js\\\";const parser = new UAParser()

用法和示例

ua-parser-js 库提供了一个简单的 API,用于解析用户代理字符串并访问解析的数据。

要解析用户代理字符串,您可以创建 UAParser 对象的实例并使用用户代理字符串调用 setUA 方法:

const parser = new UAParser();parser.setUA(\\'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36\\');

解析用户代理字符串后,您可以使用 UAParser 对象提供的可用方法访问解析的数据:

const result = parser.getResult();console.log(result.browser); // {name: \\\"Chrome\\\", version: \\\"93.0.4577.82\\\", major: \\\"93\\\"}console.log(result.os);      // {name: \\\"Windows\\\", version: \\\"10\\\"}console.log(result.device);  // {vendor: undefined, model: undefined, type: undefined}

getResult方法返回一个包含解析数据的对象,包括有关浏览器、操作系统、设备、CPU和引擎的信息。

使用扩展

ua-parser-js 还允许您通过提供自定义正则表达式和解析规则来扩展其解析功能。创建 UAParser 对象的新实例时,您可以传递扩展数组:

const myExtensions = [  [/(myapp)\\\\/([\\\\w\\\\.] )/i, [UAParser.BROWSER.NAME, UAParser.BROWSER.VERSION]],];const parser = new UAParser(navigator.userAgent, myExtensions);

通过这些功能和示例,您应该很好地了解如何在 Web 开发项目中安装、设置和使用 ua-parser-js。在下一节中,我们将探讨最近围绕 ua-parser-js 的许可变更及其对开发人员和开源社区的影响。

ua-parser-js 许可证变更

最近,ua-parser-js 经历了重大的许可证变更,引发了开发者社区的讨论。在更改之前,ua-parser-js 最初是在 MIT 许可证下分发的,该许可证以其宽松的性质而闻名。该许可证允许开发人员以最小的限制使用、修改和分发该库,使其成为开源和商业项目的流行选择。

ua-parser-js 越来越受欢迎,有超过 2,240 个依赖项目,下载量超过 1230 万次。这种增长导致了维护需求的增加以及对更可持续发展模式的需求。新的许可模式旨在产生收入以支持持续的维护和开发工作。

随着最近版本 2.0 的发布,ua-parser-js 采用了双重许可模式:免费开源版本的 AGPLv3(GNU Affero 通用公共许可证版本 3)和商业用途的专有 PRO 许可证。这一变化导致开发人员在项目中使用和分发 ua-parser-js 的方式发生了重大转变。

双重许可模式试图在维护开源库和从可能需要额外功能或支持的商业用户中获利之间取得中间立场。目前,商业项目面临着一个决定——要么遵守 AGPLv3 许可条款(可能要求他们发布自己的源代码),要么购买 PRO 许可。 PRO 许可证定价从个人使用 12 美元起,企业使用最高 500 美元。这种模型通常被称为“开放核心”,已被开源生态系统中的其他项目采用,例如 Sidekiq、Mastodon、Nextcloud 等。

有人谈论麻省理工学院许可版本的潜在分支或替代库的开发。例如,Node.js TSC 成员 Matteo Collina 已经创建了一个名为 my-ua-parser 的分支来维护 MIT 许可的版本。

在您进行这一转变时,了解这些变化并考虑它们可能如何影响您的项目非常重要。在下一节中,我们将探讨一些在您自己的工作中处理此许可证更改的策略。

作为开发人员应对许可证变更

在决定使用哪个许可证时,您需要考虑项目的性质和要求,重新评估其依赖性,并做出明智的决策,以避免许可证变更带来的挑战。

如果您的项目已经使用兼容的开源许可证,那么 AGPLv3 版本可能适合。这意味着如果您将整个应用程序的源代码分发或作为网络服务运行,您将可以使用它。但是,请记住,使用 AGPL 版本可能会限制其他不遵守 AGPL 条款的人对您的项目的采用。

但是如果您正在开发专有软件或无法遵守 AGPL 条款,您应该考虑购买 PRO 许可证;评估 PRO 许可证的成本是否与您需要的 ua-parser-js 的优点和功能相匹配。或者,您可以继续使用 ua-parser-js 的 v1.x 分支或分支,该分支仍受 MIT 许可。但您应该注意,该版本将来可能会收到有限的更新。

结论

多年来,ua-parser-js 一直被视为 Web 开发人员的宝贵工具。它能够准确解析用户代理字符串并提供有关浏览器、操作系统和设备的详细信息,这使其成为我们许多人必不可少的库。

从MIT许可证切换到双AGPLv3 PRO模型无疑在开发者社区引起了轰动。我们目睹了对此的各种反应;一些社区成员表示理解,而另一些则表示担忧和反对。对于某些人来说,这意味着调整他们的项目以符合 AGPLv3 许可证,而对于其他人来说,这可能涉及购买 PRO 许可证或寻找替代解决方案。

作为开源软件的用户,我们需要为此类变化做好准备,并在必要时制定适应策略。

","image":"http://www.luping.net/uploads/20240806/172294236366b2039be2ce7.jpg","datePublished":"2024-08-06T19:06:03+08:00","dateModified":"2024-08-06T19:06:03+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 用戶代理檢測和 ua-parser-js 許可證更改

用戶代理檢測和 ua-parser-js 許可證更改

發佈於2024-08-06
瀏覽:906

User agent detection and the ua-parser-js license change

作者:Ikeh Akinyemi✏️

用户代理检测在帮助开发人员针对各种设备、浏览器和操作系统优化其网站和应用程序方面发挥着重要作用。通过准确识别用户的环境,开发人员可以定制解决方案以提供最佳的用户体验。

在本文中,我们将了解用户代理检测并探索已在开发人员中广泛采用的 JavaScript 库:ua-parser-js。 ua-parser-js 最近因其许可模式的变化而成为头条新闻,我们将介绍其从宽松的 MIT 许可到双 AGPLv3 商业许可模式的转变,以及这如何影响个人和 SaaS 项目。

什么是用户代理检测?

用户代理检测是识别用户用于访问您的网站或应用程序的特定软件和硬件组件的过程。检测涉及有关用户的浏览器名称和版本、操作系统、设备类型等信息。

通过利用用户代理检测,开发人员可以就如何呈现和优化用户内容做出明智的决策,确保可访问性、定制体验、跨浏览器和硬件兼容性,并可能在各种不同的环境中增强性能。使用的平台。

ua-parser-js 库及其最近的更改

ua-parser-js 是一个轻量级 JavaScript 库,可简化用户代理检测。该库由 Faisal Salman 开发和维护,由于其易用性、广泛的浏览器支持和可靠的结果,在开发人员社区中得到了广泛采用。

使用ua-parser-js,您可以轻松解析用户代理字符串并获取有关用户的浏览器、操作系统、设备等的精确信息。该库提供了一个简单直观的 API,可以轻松集成到您的 Web 项目中。

在下面的章节中,我们将了解 ua-parser-js 库,包括它的重要功能、安装方法和使用示例。我们还将讨论其最近的许可变更,这些变更在开发者社区内引发了争论。

ua-parser-js 安装和设置

ua-parser-js 库可以使用多种方法安装,具体取决于您的开发环境和偏好。 ua-parser-js 压缩后的大小约为 18KB,gzip 后的大小约为 7.9KB,可以轻松集成到客户端(浏览器)和服务器端(Node.js)环境中。

要在 HTML 文件中使用 ua-parser-js,您只需在 HTML 文件中包含库脚本即可:


  
    
    var parser = new UAParser();
    
  

下载缩小的 JavaScript 文件,并将其包含在与 HTML 文件相同的目录级别中。如果您在 Node.js 环境中使用 ua-parser-js,则可以使用 npm:
安装它

npm install ua-parser-js

然后,在您的 Node.js 脚本中,您可以需要该库:

const UAParser = require('ua-parser-js');

对于 TypeScript 项目,您可以使用 npm 安装库及其类型定义:

npm install --save ua-parser-js @types/ua-parser-js

然后,在您的.ts文件中,您可以导入库:

import { UAParser } from "ua-parser-js";
const parser = new UAParser()

用法和示例

ua-parser-js 库提供了一个简单的 API,用于解析用户代理字符串并访问解析的数据。

要解析用户代理字符串,您可以创建 UAParser 对象的实例并使用用户代理字符串调用 setUA 方法:

const parser = new UAParser();
parser.setUA('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36');

解析用户代理字符串后,您可以使用 UAParser 对象提供的可用方法访问解析的数据:

const result = parser.getResult();
console.log(result.browser); // {name: "Chrome", version: "93.0.4577.82", major: "93"}
console.log(result.os);      // {name: "Windows", version: "10"}
console.log(result.device);  // {vendor: undefined, model: undefined, type: undefined}

getResult方法返回一个包含解析数据的对象,包括有关浏览器、操作系统、设备、CPU和引擎的信息。

使用扩展

ua-parser-js 还允许您通过提供自定义正则表达式和解析规则来扩展其解析功能。创建 UAParser 对象的新实例时,您可以传递扩展数组:

const myExtensions = [
  [/(myapp)\/([\w\.] )/i, [UAParser.BROWSER.NAME, UAParser.BROWSER.VERSION]],
];
const parser = new UAParser(navigator.userAgent, myExtensions);

通过这些功能和示例,您应该很好地了解如何在 Web 开发项目中安装、设置和使用 ua-parser-js。在下一节中,我们将探讨最近围绕 ua-parser-js 的许可变更及其对开发人员和开源社区的影响。

ua-parser-js 许可证变更

最近,ua-parser-js 经历了重大的许可证变更,引发了开发者社区的讨论。在更改之前,ua-parser-js 最初是在 MIT 许可证下分发的,该许可证以其宽松的性质而闻名。该许可证允许开发人员以最小的限制使用、修改和分发该库,使其成为开源和商业项目的流行选择。

ua-parser-js 越来越受欢迎,有超过 2,240 个依赖项目,下载量超过 1230 万次。这种增长导致了维护需求的增加以及对更可持续发展模式的需求。新的许可模式旨在产生收入以支持持续的维护和开发工作。

随着最近版本 2.0 的发布,ua-parser-js 采用了双重许可模式:免费开源版本的 AGPLv3(GNU Affero 通用公共许可证版本 3)和商业用途的专有 PRO 许可证。这一变化导致开发人员在项目中使用和分发 ua-parser-js 的方式发生了重大转变。

双重许可模式试图在维护开源库和从可能需要额外功能或支持的商业用户中获利之间取得中间立场。目前,商业项目面临着一个决定——要么遵守 AGPLv3 许可条款(可能要求他们发布自己的源代码),要么购买 PRO 许可。 PRO 许可证定价从个人使用 12 美元起,企业使用最高 500 美元。这种模型通常被称为“开放核心”,已被开源生态系统中的其他项目采用,例如 Sidekiq、Mastodon、Nextcloud 等。

有人谈论麻省理工学院许可版本的潜在分支或替代库的开发。例如,Node.js TSC 成员 Matteo Collina 已经创建了一个名为 my-ua-parser 的分支来维护 MIT 许可的版本。

在您进行这一转变时,了解这些变化并考虑它们可能如何影响您的项目非常重要。在下一节中,我们将探讨一些在您自己的工作中处理此许可证更改的策略。

作为开发人员应对许可证变更

在决定使用哪个许可证时,您需要考虑项目的性质和要求,重新评估其依赖性,并做出明智的决策,以避免许可证变更带来的挑战。

如果您的项目已经使用兼容的开源许可证,那么 AGPLv3 版本可能适合。这意味着如果您将整个应用程序的源代码分发或作为网络服务运行,您将可以使用它。但是,请记住,使用 AGPL 版本可能会限制其他不遵守 AGPL 条款的人对您的项目的采用。

但是如果您正在开发专有软件或无法遵守 AGPL 条款,您应该考虑购买 PRO 许可证;评估 PRO 许可证的成本是否与您需要的 ua-parser-js 的优点和功能相匹配。或者,您可以继续使用 ua-parser-js 的 v1.x 分支或分支,该分支仍受 MIT 许可。但您应该注意,该版本将来可能会收到有限的更新。

结论

多年来,ua-parser-js 一直被视为 Web 开发人员的宝贵工具。它能够准确解析用户代理字符串并提供有关浏览器、操作系统和设备的详细信息,这使其成为我们许多人必不可少的库。

从MIT许可证切换到双AGPLv3 PRO模型无疑在开发者社区引起了轰动。我们目睹了对此的各种反应;一些社区成员表示理解,而另一些则表示担忧和反对。对于某些人来说,这意味着调整他们的项目以符合 AGPLv3 许可证,而对于其他人来说,这可能涉及购买 PRO 许可证或寻找替代解决方案。

作为开源软件的用户,我们需要为此类变化做好准备,并在必要时制定适应策略。

版本聲明 本文轉載於:https://dev.to/logrocket/user-agent-detection-and-the-ua-parser-js-license-change-44ih?1如有侵犯,請洽[email protected]刪除
最新教學 更多>
  • 如何從 PHP 中的物件數組中提取一列屬性?
    如何從 PHP 中的物件數組中提取一列屬性?
    PHP:從物件數組中高效提取一列屬性許多程式設計場景都涉及使用物件數組,其中每個物件可能有多個屬性。有時,需要從每個物件中提取特定屬性以形成單獨的陣列。在 PHP 中,在不借助循環或外部函數的情況下用一行程式碼實現此目標可能很棘手。 一個可能的方法是利用 array_walk() 函數和 creat...
    程式設計 發佈於2024-11-06
  • 建構 PHP Web 專案的最佳實踐
    建構 PHP Web 專案的最佳實踐
    規劃新的 PHP Web 專案時,考慮技術和策略方面以確保成功非常重要。以下是一些規則來引導您完成整個過程: 1. 定義明確的目標和要求 為什麼重要:清楚了解專案目標有助於避免範圍蔓延並與利害關係人設定期望。 行動: 建立具有特定功能的專案大綱。 確定核心特徵和潛在的發展階段。 ...
    程式設計 發佈於2024-11-06
  • 如何在不使用巢狀查詢的情況下從 MySQL 中的查詢結果指派使用者變數?
    如何在不使用巢狀查詢的情況下從 MySQL 中的查詢結果指派使用者變數?
    MySQL 中根據查詢結果分配使用者變數背景和目標根據查詢結果分配使用者定義的變數可以增強資料庫操作能力。本文探討了在 MySQL 中實現此目的的方法,而無需借助嵌套查詢。 使用者變數賦值語法與流行的看法相反,使用者變數賦值可以直接整合到查詢中。 SET 語句的賦值運算子是= 或:=。但是,:= 必...
    程式設計 發佈於2024-11-06
  • 如何使用 array_column() 函數從 PHP 中的物件陣列中提取 Cat ID?
    如何使用 array_column() 函數從 PHP 中的物件陣列中提取 Cat ID?
    從PHP 中的物件陣列中提取貓ID處理物件陣列(例如貓物件陣列)時,提取特定屬性通常可以成為必要的任務。在這種特殊情況下,我們的目標是將每個 cat 物件的 id 屬性提取到一個新數組中。 正如您的問題中所建議的,一種方法涉及使用 array_walk() 和 create_function 。雖然...
    程式設計 發佈於2024-11-06
  • 實用指南 - 遷移到 Next.js App Router
    實用指南 - 遷移到 Next.js App Router
    隨著 Next.js App Router 的發布,許多開發者都渴望遷移他們現有的專案。在這篇文章中,我將分享我將專案遷移到 Next.js App Router 的經驗,包括主要挑戰、變更以及如何使流程更加順利。 這是一種增量方法,您可以同時使用頁面路由器和應用程式路由器。 為...
    程式設計 發佈於2024-11-06
  • 何時以及為何應調整 @Transactional 中的預設隔離和傳播參數?
    何時以及為何應調整 @Transactional 中的預設隔離和傳播參數?
    @Transactional中的隔離和傳播參數在Spring的@Transactional註解中,兩個關鍵參數定義了資料庫事務的行為:隔離和傳播。本文探討了何時以及為何應考慮調整其預設值。 傳播傳播定義了事務如何相互關聯。常見選項包括:REQUIRED: 在現有交易中執行程式碼,如果不存在則建立一個...
    程式設計 發佈於2024-11-06
  • OpenAPI 修剪器 Python 工具
    OpenAPI 修剪器 Python 工具
    使用 OpenAPI Trimmer 簡化您的 OpenAPI 文件 管理大型 OpenAPI 檔案可能會很麻煩,尤其是當您只需要一小部分 API 來執行特定任務時。這就是 OpenAPI Trimmer 派上用場的地方。它是一個輕量級工具,旨在精簡您的 OpenAPI 文件,使其...
    程式設計 發佈於2024-11-06
  • PHP:揭示動態網站背後的秘密
    PHP:揭示動態網站背後的秘密
    PHP(超文本預處理器)是一種伺服器端程式語言,廣泛用於建立動態和互動式網站。它以其簡單語法、動態內容生成能力、伺服器端處理和快速開發能力而著稱,並受到大多數網站託管服務商的支援。 PHP:揭秘動態網站背後的秘方PHP(超文本預處理器)是伺服器端程式語言,以其用於創建動態和互動式網站而聞名。它廣泛應...
    程式設計 發佈於2024-11-06
  • JavaScript 中的變數命名最佳實踐,實現簡潔、可維護的程式碼
    JavaScript 中的變數命名最佳實踐,實現簡潔、可維護的程式碼
    簡介:增強程式碼清晰度和維護 編寫乾淨、易於理解和可維護的程式碼對於任何 JavaScript 開發人員來說都是至關重要的。實現這一目標的一個關鍵方面是透過有效的變數命名。命名良好的變數不僅使您的程式碼更易於閱讀,而且更易於理解和維護。在本指南中,我們將探討如何選擇具有描述性且有意義的變數名稱,以顯...
    程式設計 發佈於2024-11-06
  • 揭示 Spring AOP 的內部運作原理
    揭示 Spring AOP 的內部運作原理
    在这篇文章中,我们将揭开 Spring 中面向方面编程(AOP)的内部机制的神秘面纱。重点将放在理解 AOP 如何实现日志记录等功能,这些功能通常被认为是一种“魔法”。通过浏览核心 Java 实现,我们将看到它是如何与 Java 的反射、代理模式和注释相关的,而不是任何真正神奇的东西。 ...
    程式設計 發佈於2024-11-06
  • JavaScript ESelease 筆記:釋放現代 JavaScript 的力量
    JavaScript ESelease 筆記:釋放現代 JavaScript 的力量
    JavaScript ES6,正式名稱為 ECMAScript 2015,引入了重大增強功能和新功能,改變了開發人員編寫 JavaScript 的方式。以下是定義 ES6 的前 20 個功能,它們使 JavaScript 程式設計變得更有效率和愉快。 JavaScript ES6 ...
    程式設計 發佈於2024-11-06
  • 了解 Javascript 中的 POST 請求
    了解 Javascript 中的 POST 請求
    function newPlayer(newForm) { fetch("http://localhost:3000/Players", { method: "POST", headers: { 'Content-Type': 'application...
    程式設計 發佈於2024-11-06
  • 如何使用 Savitzky-Golay 濾波平滑雜訊曲線?
    如何使用 Savitzky-Golay 濾波平滑雜訊曲線?
    雜訊資料的平滑曲線:探討Savitzky-Golay 濾波在分析資料集的過程中,平滑雜訊曲線的挑戰出現在提高清晰度並揭示潛在模式。對於此任務,特別有效的方法是 Savitzky-Golay 濾波器。 Savitzky-Golay 濾波器在資料可以透過多項式函數進行局部近似的假設下運作。它利用最小二乘...
    程式設計 發佈於2024-11-06
  • 重載可變參數方法
    重載可變參數方法
    重載可變參數方法 我們可以重載一個採用可變長度參數的方法。 此程式示範了兩種重載可變參數方法的方法: 1 各種可變參數類型:可以重載具有不同可變參數類型的方法,例如 vaTest(int...) 和 vaTest(boolean...)。 varargs 參數的類型決定了要呼叫哪個方法。 2 新...
    程式設計 發佈於2024-11-06
  • 如何在經典類別元件中利用 React Hooks?
    如何在經典類別元件中利用 React Hooks?
    將React Hooks 與經典類組件集成雖然React hooks 提供了基於類的組件設計的替代方案,但可以通過將它們合併到現有類中來逐步採用它們成分。這可以使用高階組件 (HOC) 來實現。 考慮以下類別元件:class MyDiv extends React.component { co...
    程式設計 發佈於2024-11-06

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3