Robust URL Generator

Paste JSON (Array or Object) below:

Note: JSON requires double quotes around keys. Example: [\"id\", \"name\"]

\n \n \n \n

\n \n \n\n

\n

\n \n

Result:

\n \n

\n\n \n\n

\n

\n \n

Paste URL to Compare:

Paste a URL with query parameters to compare with the generated URL

\n \n \n \n

\n \n \n\n

\n

\n \n

Comparison Result:

\n \n

\n\n \n\n\n\n\n`;\n\nconst styleCss = `\nbody {\n font-family: sans-serif;\n background: #f9f9f9;\n color: #222;\n margin: 2rem;\n}\n\nh1 {\n color: #3366cc;\n}\n`;\n\nconst scriptJs = `\n\n`;\n\nexport default async function (req: Request) {\n const url = new URL(req.url);\n\n if (url.pathname === \"/\") {\n return new Response(indexHtml, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\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 === \"/script.js\") {\n return new Response(scriptJs, {\n headers: { \"content-type\": \"application/javascript; charset=utf-8\" },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","deleted","label","children",[],[100],{"_105":177,"_96":178,"_158":179,"_160":-5,"_161":144,"_162":102,"_164":22,"_107":180,"_101":181,"_167":182,"_169":73,"_171":22,"_172":-5,"_173":183,"_99":184},"b80f4a8c-d5b7-11f0-86e0-42dde27851f2","query_params.json","ab953f14-d5b7-11f0-9867-42dde27851f2",["D",1765364549203],2,"file",[],[178],"files",[156,176],"counts",{"_189":32,"_190":191,"_192":32,"_193":194,"_197":198},"pulls","branches",1,"forks","envVars",{"_195":32,"_196":32},"count","emptyCount","connections",{"_195":32,"_199":32},"unfilledCount","contents",[],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":22,"_107":203,"_101":166,"_167":168,"_169":170,"_171":22,"_172":97,"_99":204},["D",1765291530796],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":213,"_154":218,"_185":225,"_182":226,"_200":228,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":234,"_193":-5},{"_105":106,"_96":97,"_107":214,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":32,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":215,"_136":216,"_141":217,"_153":22},["D",1765288215955],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115,"_139":140},{"_101":143,"_96":44,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":97,"_152":95},[219,222],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":22,"_107":165,"_101":166,"_167":168,"_169":170,"_171":22,"_172":97,"_173":220,"_99":221},[],[100],{"_105":177,"_96":178,"_158":179,"_160":-5,"_161":144,"_162":102,"_164":22,"_107":180,"_101":181,"_167":182,"_169":73,"_171":22,"_172":-5,"_173":223,"_99":224},[],[178],[219,222],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":22,"_107":203,"_101":166,"_167":168,"_169":170,"_171":22,"_172":97,"_99":227},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

sbrowsercv

link-copy-share-protection-demo