doufire 前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

124 lines
3.6 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>抖音助手</title>
<style>
body {
width: 390px;
padding: 10px;
}
.input-group {
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
input {
padding: 5px;
width: 100px;
}
button {
padding: 8px 15px;
margin: 5px 0;
width: 100%;
background-color: #1890ff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #40a9ff;
}
.section {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
</style>
</head>
<body>
<!-- 无痕模式窗口部分 -->
<div class="section">
<div class="input-group">
<label>无痕窗口数量:</label>
<input type="number" id="incognitoCount" min="1" max="10" value="1">
</div>
<button id="batchOpenIncognito">批量打开无痕窗口</button>
<button id="openIncognito">打开单个无痕窗口</button>
</div>
<!-- 直播间部分 -->
<div class="section">
<div class="input-group">
<label>直播间ID:</label>
<input type="text" id="liveId" placeholder="输入直播ID">
</div>
<button id="openLive">打开直播窗口</button>
</div>
<!-- 登录部分 -->
<div class="section">
<div class="input-group">
<label>用户名:</label>
<input type="text" id="username" placeholder="输入用户名">
</div>
<div class="input-group">
<label>密码:</label>
<input type="password" id="password" placeholder="输入密码">
</div>
<button id="login">登录</button>
<div id="userinfo"></div>
</div>
<!-- 直播间管理部分 -->
<div class="section">
<div class="input-group">
<label>房间ID:</label>
<input type="text" id="liveRoomId" placeholder="输入房间ID">
</div>
<button id="openLiveRoom">打开指定直播间</button>
<button id="getCurrentRoomId">获取当前直播间ID</button>
<button id="checkDuplicateRooms">检查重复直播间</button>
<button id="checkViewers">查看观众数量</button>
<div id="liveRoomCount"></div>
<div id="currentRoomId"></div>
<div id="duplicateRoomsStatus"></div>
</div>
<!-- 代理管理部分 -->
<div class="section">
<div class="input-group">
<label>代理IP列表:</label>
<textarea id="proxyList" placeholder="格式:IP:端口&#10;例如:192.168.1.1:8080" rows="5" style="width: 100%; margin-bottom: 10px;"></textarea>
</div>
<button id="saveProxies">保存代理</button>
<button id="updateProxies">更新代理</button>
<button id="clearProxy">清除代理</button>
<button id="checkCurrentProxy">查看当前代理</button>
<div id="proxyStatus"></div>
<div id="currentProxyStatus"></div>
</div>
<!-- 任务管理部分 -->
<div class="section">
<div class="input-group">
<label>任务列表:</label>
<textarea id="taskList" placeholder="格式:直播间ID-代理IP:端口&#10;例如:123456-192.168.1.1:8080" rows="5" style="width: 100%; margin-bottom: 10px;"></textarea>
</div>
<button id="saveTasks">保存任务</button>
<button id="executeTasks">执行任务</button>
<div id="taskStatus"></div>
</div>
<!-- 状态检查部分 -->
<button id="checkOnlineStatus">检查在线状态</button>
<button id="checkButton">检查状态</button>
<button id="checkIncognito">检查无痕窗口</button>
<div id="incognitoStatus"></div>
<script src="popup.js"></script>
</body>
</html>