v2.1.6
platform_detect
실행 중인 브라우저와 운영 체제를 감지하기 위한 가벼운 라이브러리
38좋아요 10.4만30일 다운로드125Pub 점수
Web
Workiva/platform_detect
브라우저 및 플랫폼 유형과 버전을 감지하기 위한 라이브러리입니다.
- Stars
- 20
- Forks
- 29
- 최근 푸시(UTC)
- 2026. 7. 31.
- 프로젝트 상태
- 활성
GITHUB Organization
Workiva ↗
언어DartHTMLShell
이 저장소가 배포한 패키지
사용 중인 의존성
의존성 목록 7 개
- meta
^1.16.0 - pub_semver
^2.0.0 - build_runner개발 의존성
^2.0.0 - build_test개발 의존성
>=2.0.0 <4.0.0 - build_web_compilers개발 의존성
>=3.0.0 <5.0.0 - test개발 의존성
^1.16.0 - workiva_analysis_options개발 의존성
^1.2.0
원본 README
아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.
README 펼치기 / 접기
platform_detect
A library for detecting browser and platform type and version.
Usage
A simple usage example:
import 'package:platform_detect/platform_detect.dart';
main() {
if (browser.isChrome) {
print('thank you for being a friend');
}
if (operatingSystem.isMac) {
print('');
}
}
Decorating the <html> element with CSS classes
This library can also be used to place CSS classes on the <html> element based on the
operating system, browser, or a specific supported feature.
Add the decorator.dart import as shown in the example below, and call decorateRootNodeWithPlatformClasses
within main in your application.
import 'package:platform_detect/platform_detect.dart';
import 'package:platform_detect/decorator.dart';
main() {
decorateRootNodeWithPlatformClasses();
}
The <html> node of your application will now look like something like this:
<html lang="en" class="ua-chrome ua-chrome45 ua-lt-chrome46 ua-lt-chrome47 os-mac no-touch no-mstouch">
<!-- ... -->
</html>
Feature detection
By default, the only browser feature that the library detects for you is touch / mstouch.
You can extend this functionality to bake in a Modernizr-esque implementation by creating your
own Feature instances, and passing a list of them as the features argument to
decorateRootNodeWithPlatformClasses:
import 'package:platform_detect/platform_detect.dart';
import 'package:platform_detect/decorator.dart';
// For instance, if you need to detect whether a browser supports H5 canvas stuff...
var canvasFeature = new Feature('canvas', new CanvasElement().context2D != null);
main() {
// Decorate HTML element
decorateRootNodeWithPlatformClasses(features: [canvasFeature]);
// Or use the `isSupported` field somewhere else in your app...
if (canvasFeature.isSupported) {
// Do something
} else {
// Fall back / warn / etc...
}
}
The <html> node of your application will now look like something like this
for browsers that support canvas:
<html lang="en" class="canvas ...">
<!-- ... -->
</html>
and something like this for browsers that don't support canvas:
<html lang="en" class="no-canvas ...">
<!-- ... -->
</html>