```
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>DeepLX Endpoint Checker</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(135deg, #6e8efb, #a777e3);
color: white;
}
h1, h2 {
color: #fff;
text-align: center;
text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
.input-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
textarea {
width: 100%;
height: 150px;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.8);
color: #333;
resize: vertical;
}
button {
display: block;
width: 100%;
padding: 10px;
background: linear-gradient(135deg, #43cea2, #185a9d);
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background 0.3s ease;
box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
button:hover {
background: linear-gradient(135deg, #185a9d, #43cea2);
}
#results, #progress {
margin-top: 20px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
color: #333;
}
.endpoint {
margin-bottom: 10px;
padding: 5px;
background-color: #f0f0f0;
border-radius: 4px;
}
.divider {
border-top: 1px solid #ccc;
margin: 20px 0;
}
.copyable {
cursor: pointer;
color: blue;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>DeepLX Endpoint Checker</h1>
<div class=“input-group”>
<label for=“endpoints”>Endpoints (one per line):</label>
<textarea id=“endpoints”>https://translates.me/v2/translate
https://deeplx.2077000.xyz:2087/translate
https://deeplx.papercar.top/translate
https://dlx.bitjss.com/translate
https://deeplx.ychinfo.com/translate
https://free-deepl.speedcow.top/translate
https://deepl.coloo.org/translate
https://deeplx.keyrotate.com/translate
https://dx-api.nosec.link/translate
https://deepx.dumpit.top/translate
http://deepl.wuyongx.uk/translate
https://deepl.wuyongx.uk/translate
https://ghhosa.zzaning.com/translate
https://deepl.zhaosaipo.com/translate
https://api.deeplx.org/translate
https://deeplx.he-sb.top/translate
https://deepl.aimoyu.tech/translate
https://deepl.tr1ck.cn/translate
https://translate.dftianyi.com/translate</textarea>
</div>
<button onclick=“checkEndpoints()”>Check Endpoints</button>
<div id=“progress”></div>
<div id=“results”></div>
<script>
const test_data = {
"text": "Hello, world!",
"source_lang": "EN",
"target_lang": "ZH"
};
async function checkEndpoint(url) {
const start_time = Date.now();
try {
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(test_data),
});
const data = await response.json();
const latency = (Date.now() - start_time) / 1000;
if (response.ok && data.data && data.data.length > 0) {
return { url, latency };
}
} catch (error) {
console.error(`Error checking ${url}:`, error);
}
return null;
}
async function checkEndpoints() {
const endpointsTextarea = document.getElementById('endpoints');
const resultsDiv = document.getElementById('results');
const progressDiv = document.getElementById('progress');
const deepl_urls = endpointsTextarea.value.split('\n').filter(url => url.trim() !== '');
progressDiv.innerHTML = 'Checking endpoints...';
resultsDiv.innerHTML = '';
const availableEndpoints = [];
for (const url of deepl_urls) {
progressDiv.innerHTML = `Checking: ${url}`;
const result = await checkEndpoint(url);
if (result) {
availableEndpoints.push(result);
}
}
availableEndpoints.sort((a, b) => a.latency - b.latency);
let html = '<h2>Available DeepLX Endpoints with Latencies:</h2>';
html += '<div class="divider"></div>';
for (const { url, latency } of availableEndpoints) {
html += `<div class="endpoint">🚀 (${latency.toFixed(2)}s) <span class="copyable" onclick="copyToClipboard('${url}')">${url}</span></div>`;
}
html += '<div class="divider"></div>';
if (availableEndpoints.length > 0) {
const formattedEndpoints = availableEndpoints.map(e => e.url).join(', ');
html += `<p>DeepLX👌：(${availableEndpoints.length}) ${formattedEndpoints}</p>`;
} else {
html += '<p>No available endpoints found.</p>';
}
progressDiv.innerHTML = 'Check completed!';
resultsDiv.innerHTML = html;
}
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(() => {
alert('URL copied to clipboard');
}).catch(err => {
console.error('Failed to copy URL: ', err);
});
}
</script>
</body>
</html>
```
主逻辑采自L站，UI和代码流畅度是我自己拿GPT-4-ALL重新优化的，已打包成HTML格式，可以简便运行。