miantiao-me
diff --git a/‎server/utils/template.ts‎
Lines changed: 1 addition & 0 deletions b/‎server/utils/template.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎tests/redirect.spec.ts‎
Lines changed: 20 additions & 0 deletions b/‎tests/redirect.spec.ts‎
Lines changed: 20 additions & 0 deletions
@@ -34,6 +34,7 @@ export function generateCloakingHtml(link: Link, targetUrl: string, baseUrl: str
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>${escape(title)}</title>
     ${tags}
 </head>
 
@@ -99,6 +99,26 @@ describe('/', () => {
     expect(html).toContain(cnUrl)
   })
 
+  it('adds viewport meta to cloaked links for mobile browsers (fixes #301)', async () => {
+    const slug = `cloaking-viewport-${crypto.randomUUID()}`
+    const targetUrl = 'https://example.com/mobile-target'
+
+    const createResponse = await postJson('/api/link/create', {
+      url: targetUrl,
+      slug,
+      cloaking: true,
+    })
+    expect(createResponse.status).toBe(201)
+    createdSlugs.push(slug)
+
+    const response = await fetch(`/${slug}`, { redirect: 'manual' })
+    const html = await response.text()
+
+    expect(response.status).toBe(200)
+    expect(html).toContain('<meta name="viewport" content="width=device-width,initial-scale=1">')
+    expect(html).toContain(`<iframe src="${targetUrl}"`)
+  })
+
   it('prefers device redirect over geo redirect', async () => {
     const slug = `device-over-geo-${crypto.randomUUID()}`
     const apple = 'https://apps.apple.com/app/sink-test-priority'