+ devicekit / frame
+ All device profiles
+ Choose one of {DEVICES.length} iOS, Android and HarmonyOS device profiles to inspect its viewport, pixel ratio, safe areas and device frame.
+ Open the device frame simulator
+
+ {DEVICES.map((device) => - {device.name}{device.os} · {device.screen.width} × {device.screen.height} · {device.pixelRatio}×
)}
+
+
+
+
diff --git a/packages/frame/demo/src/pages/sitemap.xml.ts b/packages/frame/demo/src/pages/sitemap.xml.ts
index 96cb0ff..4b79fef 100644
--- a/packages/frame/demo/src/pages/sitemap.xml.ts
+++ b/packages/frame/demo/src/pages/sitemap.xml.ts
@@ -1,10 +1,10 @@
import { DEVICES } from '@devicekit/devices'
-import { DEMO_SITE_URL, deviceCanonicalUrl } from '../../../src/demo-device-seo.js'
+import { DEMO_DEVICE_DIRECTORY_URL, DEMO_SITE_URL, deviceCanonicalUrl } from '../../../src/demo-device-seo.js'
export const prerender = true
export function GET(): Response {
- const urls = [DEMO_SITE_URL, ...DEVICES.map(deviceCanonicalUrl)]
+ const urls = [DEMO_SITE_URL, DEMO_DEVICE_DIRECTORY_URL, ...DEVICES.map(deviceCanonicalUrl)]
const body = `\n