Obs.js - コンテキスト認識型Webパフォーマンスツール
(github.com/csswizardry)- ブラウザシグナル（Navigator、Battery API など）を読み取り、ネットワーク接続速度、バッテリー状態、RAM・CPU 性能を推測して、
それを CSS クラスと JS オブジェクトとして公開し、コンテキストをどの程度反映させるべきかを状況に応じて切り替えるためのツール - つまり、低速接続や低電力モードでは、Webフォント・画像解像度・動画の自動再生・アニメーションなどを制御して、軽量化された体験を提供可能
- 検出結果は
<html>に.has-*形式の CSS クラスを提供 :.has-bandwidth-high.has-cpu-medium.has-ram-mediumのようなクラスが追加されるwindow.obsオブジェクトに詳細データを保存 :"batteryCharging": true,"cpuCategory": "high"
- インストールは必ず
<head>の最上部に インライン<script>として挿入する必要がある- パッケージマネージャーや外部 JS ファイルの形式では実行不可
- デモ を参照
まだコメントはありません。