Proxied Web Browser – DNS Debugger

\n It's difficult to check new DNS records, because old records may be cached on your computer, browser, or local\n network. This tool uses a proxied fetch{\" \"}\n so you can always view your web page uncached.\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { fetch } = await import(\"https://esm.town/v/std/fetch\");\n\n const url = new URL(request.url);\n\n if (url.pathname === \"/proxy\") {\n const targetUrl = url.searchParams.get(\"url\");\n if (!targetUrl) {\n return new Response(\"Missing URL parameter\", { status: 400 });\n }\n\n try {\n const proxyResponse = await fetch(targetUrl);\n const content = await proxyResponse.text();\n return new Response(content, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n } catch (error) {\n return new Response(\"Error fetching the URL\", { status: 500 });\n }\n }\n\n return new Response(\n `\n \n \n Proxied Web Browser\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\ninput[type=\"url\"] {\n width: 70%;\n padding: 5px;\n margin-right: 10px;\n}\nbutton {\n padding: 5px 10px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/stevekrouse/dns_record_debugger/code/main.tsx","extension","actionData","errors"]