117 lines
5.7 KiB
HTML
117 lines
5.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>浏览器测试 - MIP广告点击管理系统</title>
|
||
<link rel="stylesheet" href="css/common.css">
|
||
</head>
|
||
<body>
|
||
<div class="layout">
|
||
<!-- 侧边栏 -->
|
||
<div class="sidebar">
|
||
<div class="logo">MIP管理系统</div>
|
||
<div class="menu">
|
||
<div class="menu-item" onclick="location.href='dashboard.html'">
|
||
<span class="menu-icon">📊</span>
|
||
<span>数据概览</span>
|
||
</div>
|
||
<div class="menu-item" onclick="location.href='scheduler.html'">
|
||
<span class="menu-icon">⚙️</span>
|
||
<span>调度器管理</span>
|
||
</div>
|
||
<div class="menu-item" onclick="location.href='urls.html'">
|
||
<span class="menu-icon">🔗</span>
|
||
<span>链接管理</span>
|
||
</div>
|
||
<div class="menu-item" onclick="location.href='database.html'">
|
||
<span class="menu-icon">💾</span>
|
||
<span>数据库管理</span>
|
||
</div>
|
||
<div class="menu-item active" onclick="location.href='browser.html'">
|
||
<span class="menu-icon">🌐</span>
|
||
<span>浏览器测试</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主内容区 -->
|
||
<div class="main">
|
||
<!-- 顶部导航栏 -->
|
||
<div class="navbar">
|
||
<div class="breadcrumb">浏览器测试</div>
|
||
<div class="user-info">
|
||
<div class="status-indicator" id="statusIndicator"></div>
|
||
<span id="statusText">系统运行中</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 内容区 -->
|
||
<div class="content">
|
||
<div class="card">
|
||
<div class="card-header">Profile管理</div>
|
||
<div class="card-body">
|
||
<div class="btn-group">
|
||
<button class="btn btn-primary" onclick="listProfiles()">查询Profile列表</button>
|
||
<button class="btn btn-success" onclick="startBrowser()">启动浏览器</button>
|
||
<button class="btn btn-danger" onclick="stopBrowser()">停止浏览器</button>
|
||
</div>
|
||
<div id="profileResult" style="margin-top: 16px;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">代理管理</div>
|
||
<div class="card-body">
|
||
<div class="btn-group">
|
||
<button class="btn btn-primary" onclick="getDamaiProxy()">获取大麦IP</button>
|
||
<button class="btn btn-success" onclick="createProxy()">创建代理</button>
|
||
<button class="btn btn-warning" onclick="listProxies()">查询代理列表</button>
|
||
</div>
|
||
<div id="proxyResult" style="margin-top: 16px;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">Profile配置</div>
|
||
<div class="card-body">
|
||
<div class="form-group">
|
||
<label class="form-label">Profile ID</label>
|
||
<input type="text" id="profileId" class="form-input" placeholder="输入Profile ID" />
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="form-label">代理ID（API v2方式）</label>
|
||
<input type="text" id="proxyId" class="form-input" placeholder="输入代理ID" />
|
||
</div>
|
||
<div class="btn-group">
|
||
<button class="btn btn-primary" onclick="updateProfileProxy()">更新（API v2）</button>
|
||
<button class="btn btn-success" onclick="updateProfileProxyV1()">更新（API v1）</button>
|
||
</div>
|
||
<div style="margin-top: 12px; padding: 8px; background: #f0f0f0; border-radius: 4px; font-size: 12px; color: #666;">
|
||
<div><strong>API v2:</strong> 使用proxy_id引用已创建的代理</div>
|
||
<div style="margin-top: 4px;"><strong>API v1:</strong> 直接传入代理配置（需先获取大麦IP）</div>
|
||
</div>
|
||
<div id="updateResult" style="margin-top: 16px;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">完整测试流程</div>
|
||
<div class="card-body">
|
||
<p style="color: #666; margin-bottom: 16px;">完整测试：获取代理 → 创建代理 → 更新Profile → 启动浏览器</p>
|
||
<div class="btn-group">
|
||
<button class="btn btn-success" onclick="fullTest(false)">完整测试（不使用代理）</button>
|
||
<button class="btn btn-warning" onclick="fullTest(true)">完整测试（使用代理）</button>
|
||
</div>
|
||
<div id="fullTestResult" style="margin-top: 16px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="js/common.js"></script>
|
||
<script src="js/browser.js"></script>
|
||
</body>
|
||
</html>
|