Browser API Compatibility Data

https://github.com/xmu-rookie/browsers-api-support-info
Admin
This repository provides comprehensive compatibility data for over 1000 Web APIs across various...
Tokens:4,205,627
Snippets:8,735
Trust Score:4.1
Update:1 year ago
Show doc for...
Tokens:
Raw
### Sensor.start API Basic Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/Sensor_start.md

Demonstrates the basic usage of the Sensor.start API. This example logs a message to the console and serves as a placeholder for actual sensor interaction. Refer to MDN documentation for detailed implementation.

```javascript
// Sensor.start 使用示例
// 请查阅MDN文档了解具体用法
console.log('Sensor.start API');
```

--------------------------------

### Get Attached Shaders - JavaScript Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/WebGL2RenderingContext_getAttachedShaders.md

Demonstrates the basic usage of the WebGL2RenderingContext.getAttachedShaders API. This example logs a message to the console and serves as a starting point for understanding how to use this WebGL function. Refer to MDN documentation for detailed usage.

```javascript
// WebGL2RenderingContext.getAttachedShaders 使用示例
// 请查阅MDN文档了解具体用法
console.log('WebGL2RenderingContext.getAttachedShaders API');
```

--------------------------------

### JavaScript MediaRecorder.start Basic Usage

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/MediaRecorder_start.md

Demonstrates the basic usage of the MediaRecorder.start API in JavaScript. This example logs a message to the console and serves as a starting point for understanding the API's implementation. Refer to MDN documentation for detailed usage instructions.

```javascript
// MediaRecorder.start 使用示例
// 请查阅MDN文档了解具体用法
console.log('MediaRecorder.start API');
```

--------------------------------

### Get Shader Precision Format - JavaScript Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/WebGLRenderingContext_getShaderPrecisionFormat.md

Demonstrates the basic usage of the WebGLRenderingContext.getShaderPrecisionFormat API. This example logs a message to the console and serves as a starting point for exploring the API's functionality. Refer to MDN documentation for detailed usage.

```javascript
console.log('WebGLRenderingContext.getShaderPrecisionFormat API');
```

--------------------------------

### Get webgpu_context from OffscreenCanvas

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/OffscreenCanvas_getContext_webgpu_context.md

Demonstrates the basic usage of obtaining the 'webgpu_context' from an OffscreenCanvas. This example serves as a starting point for developers looking to integrate WebGPU functionality.

```javascript
// OffscreenCanvas.getContext.webgpu_context 使用示例
// 请查阅MDN文档了解具体用法
console.log('OffscreenCanvas.getContext.webgpu_context API');
```

--------------------------------

### Basic Usage of VirtualKeyboard.overlaysContent

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/VirtualKeyboard_overlaysContent.md

Demonstrates the basic usage of the VirtualKeyboard.overlaysContent API. This example logs a message to the console and advises users to consult the MDN documentation for specific usage details.

```javascript
// VirtualKeyboard.overlaysContent 使用示例
// 请查阅MDN文档了解具体用法
console.log('VirtualKeyboard.overlaysContent API');
```

--------------------------------

### Basic XRSystem API Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/XRSystem.md

Demonstrates the basic usage of the XRSystem API. This example logs a message to the console and serves as a starting point for exploring the API's functionality. Refer to MDN documentation for detailed usage instructions.

```javascript
// XRSystem 使用示例
// 请查阅MDN文档了解具体用法
console.log('XRSystem API');
```

--------------------------------

### Get WebGL2 Context from OffscreenCanvas

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/OffscreenCanvas_getContext_webgl2_context.md

Demonstrates the basic usage of obtaining a WebGL2 rendering context from an OffscreenCanvas. This example serves as a starting point for using WebGL2 with OffscreenCanvas.

```javascript
// OffscreenCanvas.getContext.webgl2_context 使用示例
// 请查阅MDN文档了解具体用法
console.log('OffscreenCanvas.getContext.webgl2_context API');
```

--------------------------------

### Get WebGL Context for OffscreenCanvas

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/OffscreenCanvas_getContext_webgl_context.md

Demonstrates the basic usage of the OffscreenCanvas.getContext method to retrieve the 'webgl' context. This example serves as a starting point for developers working with WebGL on OffscreenCanvas.

```javascript
// OffscreenCanvas.getContext.webgl_context 使用示例
// 请查阅MDN文档了解具体用法
console.log('OffscreenCanvas.getContext.webgl_context API');
```

--------------------------------

### IdleDetector.start Basic Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/IdleDetector_start.md

Demonstrates the basic usage of the IdleDetector.start API. This example logs a message to the console and serves as a starting point for understanding how to interact with the API. Refer to MDN documentation for detailed usage instructions.

```javascript
// IdleDetector.start 使用示例
// 请查阅MDN文档了解具体用法
console.log('IdleDetector.start API');
```

--------------------------------

### GPUAdapter.info API Basic Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/GPUAdapter_info.md

Demonstrates the basic usage of the GPUAdapter.info API. This snippet is intended as a starting point and refers users to MDN documentation for detailed usage instructions. It logs a simple message to the console.

```javascript
// GPUAdapter.info 使用示例
// 请查阅MDN文档了解具体用法
console.log('GPUAdapter.info API');
```

--------------------------------

### Get webgpu_context from HTMLCanvasElement

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLCanvasElement_getContext_webgpu_context.md

Demonstrates the basic usage of obtaining the `webgpu_context` from an HTMLCanvasElement. This example serves as a starting point and directs users to MDN for detailed usage instructions.

```JavaScript
// HTMLCanvasElement.getContext.webgpu_context 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLCanvasElement.getContext.webgpu_context API');
```

--------------------------------

### Install Dependencies (Bash)

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/EXAMPLES.md

Installs the necessary project dependencies using npm. This is a prerequisite for running the provided JavaScript examples.

```bash
npm install
```

--------------------------------

### Basic Usage of PerformanceResourceTiming.fetchStart

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/PerformanceResourceTiming_fetchStart.md

Demonstrates the basic usage of the PerformanceResourceTiming.fetchStart API. This snippet is intended as a starting point, and users are encouraged to consult the MDN documentation for detailed usage instructions and potential dependencies.

```JavaScript
console.log('PerformanceResourceTiming.fetchStart API');
```

--------------------------------

### JavaScript AudioScheduledSourceNode.start Basic Usage

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/AudioScheduledSourceNode_start.md

Demonstrates the basic usage of the AudioScheduledSourceNode.start API. This example logs a message to the console and serves as a starting point for understanding the API's implementation. Refer to MDN documentation for specific usage patterns and advanced features.

```javascript
// AudioScheduledSourceNode.start 使用示例
// 请查阅MDN文档了解具体用法
console.log('AudioScheduledSourceNode.start API');
```

--------------------------------

### Get WebGL Context with Alpha Parameter

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLCanvasElement_getContext_webgl_context_options_alpha_parameter.md

Demonstrates the basic usage of the `HTMLCanvasElement.getContext` method, specifically highlighting the context attributes related to WebGL, such as the `alpha` parameter. This example serves as a starting point for developers using this API.

```javascript
// HTMLCanvasElement.getContext.webgl_context.options_alpha_parameter 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLCanvasElement.getContext.webgl_context.options_alpha_parameter API');
```

--------------------------------

### Basic Usage of InputDeviceCapabilities.InputDeviceCapabilities

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/InputDeviceCapabilities_InputDeviceCapabilities.md

Demonstrates the basic usage of the InputDeviceCapabilities.InputDeviceCapabilities API. This example logs a message to the console and serves as a starting point for exploring the API's functionality. Refer to MDN documentation for specific usage patterns.

```javascript
// InputDeviceCapabilities.InputDeviceCapabilities 使用示例
// 请查阅MDN文档了解具体用法
console.log('InputDeviceCapabilities.InputDeviceCapabilities API');
```

--------------------------------

### Get Depth in Meters - Basic Usage (JavaScript)

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/XRCPUDepthInformation_getDepthInMeters.md

Demonstrates the basic usage of the XRCPUDepthInformation.getDepthInMeters API. This example logs a message to the console and serves as a starting point for understanding the API's functionality. Refer to MDN documentation for detailed usage.

```javascript
// XRCPUDepthInformation.getDepthInMeters 使用示例
// 请查阅MDN文档了解具体用法
console.log('XRCPUDepthInformation.getDepthInMeters API');
```

--------------------------------

### Get WebGL 2 Context with powerPreference

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLCanvasElement_getContext_webgl2_context_options_powerPreference_parameter.md

Demonstrates the basic usage of the getContext method on an HTMLCanvasElement to obtain a WebGL 2 rendering context, specifically highlighting the 'powerPreference' option. This example serves as a starting point for using WebGL 2 features.

```javascript
// HTMLCanvasElement.getContext.webgl2_context.options_powerPreference_parameter 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLCanvasElement.getContext.webgl2_context.options_powerPreference_parameter API');
```

--------------------------------

### JavaScript SourceBuffer.appendWindowStart Basic Usage

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/SourceBuffer_appendWindowStart.md

Demonstrates the basic usage of the SourceBuffer.appendWindowStart API. This example logs a message to the console and serves as a starting point for understanding the API's implementation. Refer to MDN documentation for detailed usage.

```javascript
// SourceBuffer.appendWindowStart 使用示例
// 请查阅MDN文档了解具体用法
console.log('SourceBuffer.appendWindowStart API');
```

--------------------------------

### WindowClient.navigate Basic Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/WindowClient_navigate.md

Demonstrates the basic usage of the WindowClient.navigate API. This example logs a message to the console and serves as a placeholder for actual navigation logic. Refer to MDN documentation for detailed usage.

```javascript
// WindowClient.navigate 使用示例
// 请查阅MDN文档了解具体用法
console.log('WindowClient.navigate API');
```

--------------------------------

### Get WebGL2 Context with Alpha Option

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLCanvasElement_getContext_webgl2_context_options_alpha_parameter.md

Demonstrates the basic usage of the HTMLCanvasElement.getContext method to retrieve a WebGL2 rendering context, highlighting the 'alpha' parameter which controls the presence of an alpha channel in the color buffer. This example serves as a starting point for WebGL2 development.

```javascript
// HTMLCanvasElement.getContext.webgl2_context.options_alpha_parameter 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLCanvasElement.getContext.webgl2_context.options_alpha_parameter API');
```

--------------------------------

### GPUSampler Basic Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/GPUSampler.md

A simple JavaScript example demonstrating the basic usage of the GPUSampler API. It logs a message to the console and advises users to consult the MDN documentation for detailed usage instructions. This snippet serves as an entry point for understanding how to interact with the GPUSampler.

```javascript
// GPUSampler 使用示例
// 请查阅MDN文档了解具体用法
console.log('GPUSampler API');
```

--------------------------------

### Get WebGL2Context Attributes Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/WebGL2RenderingContext_getContextAttributes.md

Demonstrates the basic usage of the WebGL2RenderingContext.getContextAttributes API. This example logs a message to the console indicating the API's availability.

```javascript
console.log('WebGL2RenderingContext.getContextAttributes API');
```

--------------------------------

### Basic Usage of USBConfiguration.USBConfiguration

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/USBConfiguration_USBConfiguration.md

Demonstrates the basic usage of the USBConfiguration.USBConfiguration API. This example logs a message to the console and serves as a starting point for understanding the API's implementation.

```javascript
// USBConfiguration.USBConfiguration 使用示例
// 请查阅MDN文档了解具体用法
console.log('USBConfiguration.USBConfiguration API');
```

--------------------------------

### Element.compositionupdate_event Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/Element_compositionupdate_event.md

Demonstrates the basic usage of the Element.compositionupdate_event API. This example logs a message to the console and serves as a starting point for understanding how to use this event.

```javascript
// Element.compositionupdate_event 使用示例
// 请查阅MDN文档了解具体用法
console.log('Element.compositionupdate_event API');
```

--------------------------------

### JavaScript Example for Element.checkVisibility.options_contentVisibilityAuto_parameter

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/Element_checkVisibility_options_contentVisibilityAuto_parameter.md

Demonstrates the basic usage of the `Element.checkVisibility.options_contentVisibilityAuto_parameter` API. This example logs a message to the console and serves as a starting point for understanding the API's implementation.

```javascript
// Element.checkVisibility.options_contentVisibilityAuto_parameter 使用示例
// 请查阅MDN文档了解具体用法
console.log('Element.checkVisibility.options_contentVisibilityAuto_parameter API');
```

--------------------------------

### Basic Usage of HTMLOListElement.start

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLOListElement_start.md

Demonstrates the basic usage of the HTMLOListElement.start API. This example logs a message to the console and serves as a placeholder for more detailed functionality, directing users to MDN for specific usage instructions.

```javascript
// HTMLOListElement.start 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLOListElement.start API');
```

--------------------------------

### JavaScript SourceBuffer.remove Usage Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/SourceBuffer_remove.md

Demonstrates the basic usage of the SourceBuffer.remove API. This example serves as a starting point and directs users to MDN for detailed implementation guidance.

```javascript
// SourceBuffer.remove 使用示例
// 请查阅MDN文档了解具体用法
console.log('SourceBuffer.remove API');
```

--------------------------------

### Element.touchstart_event Basic Usage

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/Element_touchstart_event.md

Demonstrates the basic usage of the Element.touchstart_event API. This example logs a message to the console and serves as a placeholder for more detailed implementation, directing users to MDN for specific usage patterns.

```javascript
// Element.touchstart_event 使用示例
// 请查阅MDN文档了解具体用法
console.log('Element.touchstart_event API');
```

--------------------------------

### JavaScript PerformanceNavigationTiming.activationStart Basic Usage

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/PerformanceNavigationTiming_activationStart.md

Demonstrates the basic usage of the PerformanceNavigationTiming.activationStart API. This snippet is intended as a starting point and directs users to MDN for detailed usage information.

```javascript
// PerformanceNavigationTiming.activationStart 使用示例
// 请查阅MDN文档了解具体用法
console.log('PerformanceNavigationTiming.activationStart API');
```

--------------------------------

### HTMLCanvasElement.toBlob PNG Type Example

Source: https://github.com/xmu-rookie/browsers-api-support-info/blob/main/docs-final/HTMLCanvasElement_toBlob_type_parameter_png.md

Demonstrates the basic usage of the HTMLCanvasElement.toBlob method, specifically highlighting the support for the 'image/png' type parameter. This example serves as a starting point for developers.

```javascript
// HTMLCanvasElement.toBlob.type_parameter_png 使用示例
// 请查阅MDN文档了解具体用法
console.log('HTMLCanvasElement.toBlob.type_parameter_png API');
```
Tokens:
Raw