🖥️ Window & Screen API Tester

📊 Window & Screen Properties

\n\n \n \n\n`;\n\nconst styleCss = `\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 40px 20px;\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n}\n\nh1 {\n color: white;\n text-align: center;\n margin-bottom: 30px;\n font-size: 2rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n}\n\n.result-box {\n background: white;\n border-radius: 12px;\n padding: 24px;\n margin-bottom: 20px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n}\n\n.result-box h2 {\n color: #333;\n margin-bottom: 16px;\n font-size: 1.2rem;\n border-bottom: 2px solid #667eea;\n padding-bottom: 8px;\n}\n\n#result, #mouseResult {\n font-family: 'Consolas', 'Monaco', monospace;\n font-size: 14px;\n line-height: 1.8;\n color: #444;\n white-space: pre-wrap;\n word-break: break-all;\n}\n`;\n\n// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/style.css\") {\n return new Response(styleCss, {\n headers: { \"content-type\": \"text/css; charset=utf-8\" },\n });\n }\n\n if (url.pathname === \"/write\") {\n return new Response(screenTestHtml, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n if (url.pathname === \"/read\") {\n return new Response(screenTestHtml, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n if (url.pathname === \"/\" || url.pathname === \"\") {\n return new Response(screenTestHtml, {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","label",[75],"pulls","branches","forks","envVars",{"_288":20,"_290":20},"connections",{"_288":20,"_289":20},"count","unfilledCount","emptyCount",{"_44":273,"_13":75,"_73":74,"_54":-5,"_46":47,"_274":197,"_275":214,"_48":292,"_50":190,"_76":166,"_277":278,"_78":24,"_279":14,"_293":294,"_251":295},["D",1787295831097],"children",[],[75],["D",1787293560879],{"_11":12,"_250":81},{"_11":12,"_245":246,"_80":81,"_25":79,"_247":248,"_249":24},{"_50":197,"_13":16,"_44":47,"_237":202,"_238":-5,"_239":-5,"_240":-5,"_241":-5,"_242":-5,"_243":14,"_244":12},"ctx",{"_62":-5,"_269":333,"_334":335,"_336":337,"_338":24,"_339":24,"_340":24,"_341":214,"_342":-5,"_343":-7,"_344":-7,"_345":20,"_346":24,"_347":24,"_348":-5,"_349":24,"_350":24,"_351":24,"_352":-5},"ENV",{"_304":305,"_306":307,"_308":16,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History