🔬 QR Debug Lab

Scan each QR below to find which one works and which doesn't.

Current: https://musicbizqr.com/directqr?id=79

✅ Test 1: External API (goqr.me)

If this scans, your URL is valid.

External QR

Source: api.qrserver.com

🔵 Test 2: qrcode.vue library

Different library than qr-code-styling.

Library: qrcode.vue

🟡 Test 3: qr-code-styling MINIMAL

Bare minimum config, no styling.

Config: width, height, data only

🟠 Test 4: qr-code-styling SAFE

Square dots, white bg, margin 20.

Config: Safe mode preset

🟣 Test 5: qr-code-styling CANVAS

Canvas rendering instead of SVG.

Type: canvas (not SVG)

🔴 Test 6: qr-code-styling STYLED

With rounded dots, gradients - like your app.

Config: Rounded dots, gradient

📊 Debug Info

URL Length: 37 chars

URL Valid: ✅ Yes

Starts with https://: ✅ Yes

Has directqr: ✅ Yes

Char codes (first 30):

104, 116, 116, 112, 115, 58, 47, 47, 109, 117, 115, 105, 99, 98, 105, 122, 113, 114, 46, 99, 111, 109, 47, 100, 105, 114, 101, 99, 116, 113

📋 Instructions

  1. Scan Test 1 (External API) - If this doesn't scan, the URL is bad
  2. Scan Test 2 (qrcode.vue) - If this works but others don't, qr-code-styling is broken
  3. Scan Test 3 (Minimal) - If this works, the library is fine with basic config
  4. Scan Test 4 (Safe) - If this works, safe mode config is good
  5. Scan Test 5 (Canvas) - If this works but Test 3 doesn't, SVG rendering is broken
  6. Scan Test 6 (Styled) - If this doesn't work, styling breaks scanning