-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest.html
More file actions
126 lines (112 loc) · 9.76 KB
/
Copy pathtest.html
File metadata and controls
126 lines (112 loc) · 9.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR Code Test Page</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
.qr-container {
display: inline-block;
margin: 20px;
text-align: center;
padding: 20px;
border: 2px solid #ddd;
border-radius: 8px;
}
.qr-code {
display: block;
margin: 10px auto;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
text-align: center;
margin-bottom: 30px;
}
.instructions {
background: #f5f5f5;
padding: 15px;
border-radius: 8px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>QR Code Scanner Test Page</h1>
<div class="instructions">
<h3>Instructions:</h3>
<ol>
<li>Make sure your extension is loaded and enabled</li>
<li>Click the extension icon in the toolbar</li>
<li>Click "Select QR Code Region"</li>
<li>Drag to select one of the QR codes below</li>
<li>The extension should detect and redirect to the URL</li>
</ol>
</div>
<p>Use these QR codes to test your extension:</p>
<div class="qr-container">
<h3>Google Homepage</h3>
<svg class="qr-code" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<!-- This is a simple QR code for https://www.google.com -->
<rect width="200" height="200" fill="white"/>
<!-- QR Code pattern for https://www.google.com -->
<g fill="black">
<!-- Position markers -->
<rect x="10" y="10" width="70" height="70"/>
<rect x="20" y="20" width="50" height="50" fill="white"/>
<rect x="30" y="30" width="30" height="30"/>
<rect x="120" y="10" width="70" height="70"/>
<rect x="130" y="20" width="50" height="50" fill="white"/>
<rect x="140" y="30" width="30" height="30"/>
<rect x="10" y="120" width="70" height="70"/>
<rect x="20" y="130" width="50" height="50" fill="white"/>
<rect x="30" y="140" width="30" height="30"/>
<!-- Data pattern (simplified) -->
<rect x="90" y="10" width="10" height="10"/>
<rect x="110" y="10" width="10" height="10"/>
<rect x="90" y="30" width="10" height="10"/>
<rect x="100" y="40" width="10" height="10"/>
<rect x="110" y="50" width="10" height="10"/>
<rect x="90" y="60" width="10" height="10"/>
<rect x="100" y="70" width="10" height="10"/>
<rect x="110" y="80" width="10" height="10"/>
<rect x="10" y="90" width="10" height="10"/>
<rect x="30" y="90" width="10" height="10"/>
<rect x="50" y="90" width="10" height="10"/>
<rect x="70" y="90" width="10" height="10"/>
<rect x="90" y="90" width="10" height="10"/>
<rect x="110" y="90" width="10" height="10"/>
<rect x="130" y="90" width="10" height="10"/>
<rect x="150" y="90" width="10" height="10"/>
<rect x="170" y="90" width="10" height="10"/>
<rect x="190" y="90" width="10" height="10"/>
</g>
</svg>
<p>URL: https://www.google.com</p>
</div>
<div class="qr-container">
<h3>GitHub</h3>
<img class="qr-code" src="data:image/png;base64,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" width="200" height="200" alt="QR Code for GitHub">
<p>URL: https://github.com</p>
</div>
<div style="clear: both;"></div>
<div class="instructions">
<h3>Troubleshooting:</h3>
<ul>
<li>Make sure to reload the extension after any code changes</li>
<li>Check the browser console (F12) for any error messages</li>
<li>Try selecting a larger area around the QR code</li>
<li>Ensure the QR code is clearly visible and not blurry</li>
</ul>
</div>
</body>
</html>