WebClone AI

הפוך כל אתר לקוד HTML

הזן קישור לאתר, צור קוד והעתק את התוצאה. אפשר גם להוריד את הקוד למחשב.

💻 קוד HTML שנוצר

0 תווים

⚡ יצירת קוד

הזן כתובת אתר ולחץ על הכפתור כדי ליצור שלד HTML התחלתי.

📱 התאמה לנייד

אפשר לכלול עיצוב רספונסיבי למסכים בגדלים שונים.

📦 הורדה והעתקה

העתק את הקוד או הורד אותו כקובץ HTML למחשב.

`; } async function generateCode() { let url; try { url = new URL(urlInput.value.trim()); if (!["http:", "https:"].includes(url.protocol)) { throw new Error("כתובת לא תקינה"); } } catch { showStatus( "נא להזין כתובת אתר תקינה, למשל https://example.com" ); return; } generateButton.disabled = true; generateButton.textContent = "יוצר קוד..."; try { if (ANALYZE_API.trim()) { const response = await fetch(ANALYZE_API, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: url.href, options: { css: document.getElementById("includeCss").checked, js: document.getElementById("includeJs").checked, responsive: document.getElementById("responsive").checked } }) }); if (!response.ok) { throw new Error("שרת הניתוח החזיר שגיאה"); } const result = await response.json(); if (typeof result.html !== "string") { throw new Error("לא התקבל קוד HTML מהשרת"); } output.value = result.html; showStatus( "הקוד התקבל משרת הניתוח. אפשר להעתיק או להוריד אותו." ); } else { output.value = createHtml(url); showStatus( "נוצר שלד HTML התחלתי בלבד. כדי לשחזר את האתר המקורי, " + "יש לחבר שרת ניתוח למערכת." ); } updateStats(); } catch (error) { showStatus("שגיאה: " + error.message); } finally { generateButton.disabled = false; generateButton.textContent = "⚡ צור קוד"; } } async function copyCode() { if (!output.value.trim()) { showStatus("אין קוד להעתקה. צור קוד תחילה."); return; } try { await navigator.clipboard.writeText(output.value); showStatus("הקוד הועתק בהצלחה!"); } catch { output.focus(); output.select(); const success = document.execCommand("copy"); showStatus( success ? "הקוד הועתק בהצלחה!" : "לא ניתן להעתיק אוטומטית. סמן את הקוד והעתק אותו." ); } } function downloadCode() { if (!output.value.trim()) { showStatus("אין קוד להורדה. צור קוד תחילה."); return; } const blob = new Blob( [output.value], { type: "text/html;charset=utf-8" } ); const downloadUrl = URL.createObjectURL(blob); const link = document.createElement("a"); link.href = downloadUrl; link.download = "generated-site.html"; document.body.appendChild(link); link.click(); link.remove(); URL.revokeObjectURL(downloadUrl); showStatus("קובץ HTML הורד בהצלחה!"); } function clearCode() { output.value = ""; updateStats(); showStatus("הקוד נוקה."); } urlInput.addEventListener("keydown", function(event) { if (event.key === "Enter") { generateCode(); } });