简介
@ngx-gems/ngx-platform 是一个基于 Angular 8+ 的库，可以提供有关平台信息的报告。包括用户代理字符串、操作系统、浏览器信息等。这个包前端工程师是非常有帮助的，可以根据不同平台适配界面显示效果，同时也能够更好地了解访问者的行为。
安装
在项目中使用该包非常容易，只需使用 npm 安装即可。
npm install --save @ngx-gems/ngx-platform
使用
请按照以下步骤进行使用。
导入
在所需的组件中导入 PlatformService。
import { PlatformService } from '@ngx-gems/ngx-platform';注入
使用注入器将 PlatformService 注入到构造函数中。
constructor(private platformService: PlatformService) {}获取平台信息
使用 PlatformService 获取平台信息，包括用户代理、操作系统、浏览器信息等。
ngOnInit() {
console.log('User Agent: ' + this.platformService.getUserAgent());
console.log('OS: ' + this.platformService.getOS());
console.log('Browser: ' + this.platformService.getBrowser());
}代码示例
下面是一个完整的例子。该示例演示如何在组件中使用 @ngx-gems/ngx-platform 包来获取平台信息。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- -------------------------
------------
--------- -----------
--------- -
------- ------ -----------------
------ ----------
----------- ---------------
--
--
------ ----- ------------ -
---------- -------
--- -------
-------- -------
------------------- ---------------- ---------------- --
---------- -
-------------- - ------------------------------------
------- - -----------------------------
------------ - ----------------------------------
-
-总结
@ngx-gems/ngx-platform 是一个非常实用的 npm 包。它提供了在 Angular 项目中获取平台信息的便捷方法。无论是 Web 应用程序、移动应用程序，还是桌面应用程序，都可以使用它来更好地了解访问者的行为，以达到更好的用户体验。希望这篇文章能够对前端工程师们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ca181e8991b448da07c