角平台浏览器工具库( B)
这个Angular库提供一套服务来协助平台检测,服务器侧渲染(SSR)支持,以及浏览器的公用功能. 库提供确定浏览器和操作系统细节的服务,管理窗口和本地Storage等特定浏览器对象,并配合DOM相关的任务,如将单元转换为像素等.
特征
-
平台检测:检测浏览器类型(如Edge,Firefox,Safari等)和操作系统(如Windows,MacOS,iOS,Android等).
-
服务器- Side 渲染( SSR) 兼容性:为安全部门改革环境提供模拟实施窗口和本地Storage.
-
浏览器服务: 用于与窗口、文档交互和将 CSS 单元转换为像素的设备.
安装
要在您的 Angular 项目中安装库, 请运行 :
npm install @foblex/platform
使用量
平台服务
平台服务允许您检测浏览器,操作系统,以及其他与平台相关的属性.
示例
import { PlatformService } from '@foblex/platform';
@Component({
selector: 'app-root',
template: `<h1>Platform Detection</h1>`
})
export class AppComponent {
constructor(private platformService: PlatformService) {
console.log('Is Browser:', this.platformService.isBrowser);
console.log('Operating System:', this.platformService.getOS());
}
}
浏览器服务器
浏览器Service提供了浏览器相关对象如窗口,本地Storage,和文档的方便访问. 它包括一种将各种 CSS 单元转换为像素值的效用方法.
示例
import { BrowserService } from '@foblex/platform';
@Component({
selector: 'app-root',
template: `<h1>Browser Utilities</h1>`
})
export class AppComponent {
constructor(private browserService: BrowserService) {
console.log('Document Title:', this.browserService.getTitle());
console.log('Pixels from 50%:', this.browserService.toPixels('50%', 800, 600, '16px'));
}
setTitle(title: string): void {
this.browserService.setTitle(title);
}
}
窗口定位喷出键( L)
此库提供可被注入的令牌(F WINDOW和F LOCAL STORAGE),可以将取去的窗口和本地Storage同时用于浏览器和服务器侧环境.
示例
import { Component, Inject } from '@angular/core';
import { F_WINDOW, F_LOCAL_STORAGE } from '@foblex/platform';
@Component({
selector: 'app-root',
template: `<h1>SSR Safe Window & LocalStorage</h1>`
})
export class AppComponent {
constructor(
@Inject(F_WINDOW) private windowService: WindowService,
@Inject(F_LOCAL_STORAGE) private localStorageService: LocalStorageService
) {
console.log('Window Inner Width:', this.windowService.innerWidth);
this.localStorageService.setItem('key', 'value');
}
}
API 密码
平台服务
- 是浏览器: boolean - 确定当前平台是否为浏览器 .
- EDGE:布尔 -- -- 探测微软边缘浏览器.
- TRIDENT:布尔 -- -- 探测因特网探测器(三叉戟引擎).
- BLINK:布尔 -- -- 探测出Brink引擎(由Chrome使用).
- WEBKIT:布尔-探测WebKit引擎(被Safari所使用).
- IOS:布尔-探测iOS设备.
- 布尔 -- -- 检测出莫兹拉火狐.
- 布尔 -- -- 探测到安卓装置.
- 布尔 -- -- 探测到Safari浏览器.
- getOS (): EOperationSystem QQ未定义 - 返回操作系统.
浏览器服务器
- 窗口: IWindow Service - 提供窗口或服务器安全模型的访问权限.
- localStorage: I LocalStorage - 提供访问localStorage或服务器安全模拟器的功能.
- 文档:文档 - 提供对文档对象的访问.
- toPixels(值:字符串,客户端Width:数字,客户端H8:数字,字体Size:字符串):数字-将CSS单位(%,em,rem,vh,vw)转换为像素.
窗口注入键( F WINDOW)
注入窗口对象或服务器安全模拟窗口.
局部注入键( F LOCAL STORAGE)
注入本地Storage对象或服务器安全模拟本地Storage.