CPU compute pressure
実験的: これは実験的な技術です
これを製品版で使用する前に、ブラウザーの互換性テーブルを注意深く確認してください。
注: この機能は Web Workers で利用可能ですが、Service Workers では利用できません。
セキュアコンテキスト: この機能は、一部またはすべての対応ブラウザーにおいて、セキュアコンテキスト (HTTPS) でのみ利用可能です。
`PressureObserver` インターフェイスは Compute Pressure API の一部であり、CPU などのシステムリソースの負荷の変化を監視するために使用されます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
PressureObserver 実験的 | 125 | 125 | | | | |
disconnect 実験的 PressureObserver インターフェイスのdisconnect() メソッドは、圧力オブザーバーのコールバックがすべてのソースから圧力レコードを受信するのを停止します。 | 125 | 125 | | | | |
| PressureObserver インターフェイスの静的な knownSources 読み取り専用プロパティは、ユーザー エージェントによってサポートされている PressureRecord.source 値の配列をアルファベット順に返します。 | 125 | 125 | | | | |
observe 実験的 PressureObserver インターフェイスのobserve() メソッドは、圧力オブザーバーに圧力変化の観察を開始するように指示します。 このメソッドが呼び出された後、指定されたソースの圧力記録が観察されたときに、オブザーバーはそのコールバック関数を呼び出します。 | 125 | 125 | | | | |
PressureObserver 実験的 PressureObserver() コンストラクターは、CPU などのシステム リソースの圧力変化を監視する新しい PressureObserver オブジェクトを作成します。 | 125 | 125 | | | | |
takeRecords 実験的 PressureObserver インターフェイスの takeRecords() メソッドは、圧力オブザーバーに保存されている圧力レコードの現在のリストを返し、それを空にします。 | 125 | 125 | | | | |
unobserve 実験的 PressureObserver インターフェイスの unobserve() メソッドは、圧力オブザーバー コールバックが指定されたソースから圧力レコードを受信するのを停止します。 | 125 | 125 | | | | |
PressureRecord 実験的 PressureRecord インターフェイスは Compute Pressure API の一部であり、特定の遷移時点におけるソースの圧力傾向を記述します。 | 125 | 125 | | | | |
source 実験的 読み取り専用のソース プロパティは、レコードの取得元のソースを示す文字列です。 | 125 | 125 | | | | |
state 実験的 読み取り専用の状態プロパティは、記録された圧力状態を示す文字列です。 | 125 | 125 | | | | |
time 実験的 読み取り専用の時間プロパティは、PressureRecord に対して記録された DOMHighResTimeStamp を返します。 これは、PressureObserver が通知を生成したグローバル オブジェクトの時刻原点を基準としたシステムからデータが取得された時刻に対応します。 | 125 | 125 | | | | |
toJSON 実験的 toJSON() メソッドはシリアル化です。 PressureRecord オブジェクトの JSON 表現を返します。 | 125 | 125 | | | | |
| その他 | ||||||
html.elements.iframe.allow.compute-pressure 実験的 | 125 | 125 | | | | |
| HTTP の Permissions-Policy ヘッダーの compute-pressure ディレクティブは、計算負荷 API へのアクセスを制御します。 | 125 | 125 | | | | |
基本構文
const observer = new PressureObserver((records) => {
for (const record of records) {
console.log('CPU state:', record.state); // 'nominal'|'fair'|'serious'|'critical'
}
});
observer.observe('cpu', { sampleInterval: 1000 });実務での使いどころ
-
CPU compute pressure の活用
実験的: これは実験的な技術です
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。