138 lines
6.7 KiB
HTML
138 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>OpenRouter Image Generator - 测试页面</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
<link href="styles.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h2 class="text-center">OpenRouter Image Generator - 测试页面</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="alert alert-info">
|
|
<i class="fas fa-info-circle me-2"></i>
|
|
这是测试页面，用于验证应用是否正常工作。请检查浏览器控制台是否有错误信息。
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<h5>功能测试清单：</h5>
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<i class="fas fa-check-circle text-success me-2"></i>
|
|
页面加载正常
|
|
</li>
|
|
<li class="list-group-item">
|
|
<i class="fas fa-check-circle text-success me-2"></i>
|
|
JavaScript文件加载成功
|
|
</li>
|
|
<li class="list-group-item">
|
|
<i class="fas fa-check-circle text-success me-2"></i>
|
|
事件监听器初始化完成
|
|
</li>
|
|
<li class="list-group-item">
|
|
<i class="fas fa-check-circle text-success me-2"></i>
|
|
UI控制器正常工作
|
|
</li>
|
|
<li class="list-group-item">
|
|
<i class="fas fa-check-circle text-success me-2"></i>
|
|
文件处理功能正常
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="d-grid gap-2">
|
|
<a href="index.html" class="btn btn-primary">
|
|
<i class="fas fa-home me-2"></i>
|
|
返回主应用
|
|
</a>
|
|
<button class="btn btn-secondary" onclick="testFunctions()">
|
|
<i class="fas fa-flask me-2"></i>
|
|
测试核心功能
|
|
</button>
|
|
</div>
|
|
|
|
<div id="testResults" class="mt-3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
function testFunctions() {
|
|
const results = document.getElementById('testResults');
|
|
results.innerHTML = '<div class="alert alert-info">正在测试功能...</div>';
|
|
|
|
setTimeout(() => {
|
|
let testResults = '<div class="alert alert-success"><h5>测试结果：</h5><ul>';
|
|
|
|
// 测试1: 检查app对象是否存在
|
|
if (typeof app !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ app对象存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ app对象不存在</li>';
|
|
}
|
|
|
|
// 测试2: 检查uiController是否存在
|
|
if (typeof uiController !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ uiController存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ uiController不存在</li>';
|
|
}
|
|
|
|
// 测试3: 检查apiService是否存在
|
|
if (typeof apiService !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ apiService存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ apiService不存在</li>';
|
|
}
|
|
|
|
// 测试4: 检查utils是否存在
|
|
if (typeof utils !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ utils存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ utils不存在</li>';
|
|
}
|
|
|
|
// 测试5: 检查fileHandler是否存在
|
|
if (typeof fileHandler !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ fileHandler存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ fileHandler不存在</li>';
|
|
}
|
|
|
|
// 测试6: 检查CONFIG是否存在
|
|
if (typeof CONFIG !== 'undefined') {
|
|
testResults += '<li class="text-success">✓ CONFIG存在</li>';
|
|
} else {
|
|
testResults += '<li class="text-danger">✗ CONFIG不存在</li>';
|
|
}
|
|
|
|
testResults += '</ul></div>';
|
|
results.innerHTML = testResults;
|
|
}, 1000);
|
|
}
|
|
|
|
// 页面加载完成后自动测试
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
console.log('测试页面加载完成');
|
|
console.log('检查全局对象：');
|
|
console.log('app:', typeof app);
|
|
console.log('uiController:', typeof uiController);
|
|
console.log('apiService:', typeof apiService);
|
|
console.log('utils:', typeof utils);
|
|
console.log('fileHandler:', typeof fileHandler);
|
|
console.log('CONFIG:', typeof CONFIG);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |