diff --git a/apps/typegpu-docs/src/components/design/Snackbar.tsx b/apps/typegpu-docs/src/components/design/Snackbar.tsx index 591d2797..8e8cc042 100644 --- a/apps/typegpu-docs/src/components/design/Snackbar.tsx +++ b/apps/typegpu-docs/src/components/design/Snackbar.tsx @@ -3,7 +3,7 @@ export function Snackbar(props: { text: string }) { return (
@@ -19,7 +19,7 @@ export function Snackbar(props: { text: string }) { Error icon
-
{text}
+
{text}
); } diff --git a/apps/typegpu-docs/src/content/docs/blog/troubleshooting.md b/apps/typegpu-docs/src/content/docs/blog/troubleshooting.md index 0c75a30e..3096b45c 100644 --- a/apps/typegpu-docs/src/content/docs/blog/troubleshooting.md +++ b/apps/typegpu-docs/src/content/docs/blog/troubleshooting.md @@ -1,10 +1,11 @@ --- title: How to enable WebGPU on your device date: 2024-10-04 -lastUpdated: 2024-11-12 +lastUpdated: 2024-11-15 tags: - Safari - iPhone + - Chrome - Troubleshooting - macOS - WebGPU support @@ -68,3 +69,7 @@ If you are running Deno 1.39 or newer you can either: "webgpu" ] ``` + +## Chrome for Android and desktop + +WebGPU for Google Chrome should work by default on Android and desktop devices, just make sure you run the newest available version of the app. If however it does not work, you might need to try enabling some experimental flags listed in the official [Chrome developer documentation](https://developer.chrome.com/docs/web-platform/webgpu/troubleshooting-tips). \ No newline at end of file diff --git a/apps/typegpu-docs/src/utils/isGPUSupported.ts b/apps/typegpu-docs/src/utils/isGPUSupported.ts index 66b81df4..d2077a55 100644 --- a/apps/typegpu-docs/src/utils/isGPUSupported.ts +++ b/apps/typegpu-docs/src/utils/isGPUSupported.ts @@ -1 +1,4 @@ -export const isGPUSupported = navigator.gpu !== undefined; +const adapter = await navigator.gpu?.requestAdapter(); +adapter?.requestDevice().then((device) => device.destroy()); + +export const isGPUSupported = !!adapter;