ตาราง HTML เป็น CSV
ดึงข้อมูลจากตาราง HTML และแปลงเป็น CSV
เกี่ยวกับ ตาราง HTML เป็น CSV
ข้อมูลบนหน้าเว็บมักติดอยู่ในตาราง HTML: อันดับ ราคา ตารางเวลา สถิติ การคัดลอกลงสเปรดชีตมักทำให้เซลล์ถูกรวมกันหรือคอลัมน์หายไป เครื่องมือนี้จะแยกวิเคราะห์ HTML ที่คุณวาง ค้นหา <table> แรก อ่านเซลล์หัวตารางและแถวของมัน แล้วสร้าง CSV ที่สะอาดพร้อมการครอบเครื่องหมายคำพูดที่ถูกต้อง
วางซอร์ส HTML คลิกแปลง จากนั้นคัดลอก CSV หรือดาวน์โหลด การแยกวิเคราะห์ใช้ DOMParser ของเบราว์เซอร์เอง ดังนั้น HTML จะไม่มีวันออกจากเครื่องคอมพิวเตอร์ของคุณ
วิธีใช้ ตาราง HTML เป็น CSV ทีละขั้นตอน
- เปิดซอร์สของหน้าเว็บหรือตรวจสอบตารางในเบราว์เซอร์ของคุณ แล้วคัดลอก HTML ที่มีองค์ประกอบ <table> อยู่
- วางลงในกล่อง HTML แล้วคลิก "แปลงตารางเป็น CSV"
- ตรวจสอบ CSV ในกล่องผลลัพธ์ พิมพ์ชื่อไฟล์แล้วคลิก "ดาวน์โหลด CSV"
ตัวอย่างข้อมูลเข้าและผลลัพธ์
ข้อมูลเข้า
<table>
<thead><tr><th>Team</th><th>Points</th></tr></thead>
<tbody>
<tr><td>Real Betis</td><td>45</td></tr>
<tr><td>Sevilla FC</td><td>41</td></tr>
</tbody>
</table>ผลลัพธ์
Team,Points
Real Betis,45
Sevilla FC,41
ทำไมต้องใช้ ตาราง HTML เป็น CSV ของเรา?
- ฟรี 100% และออนไลน์: ไม่มีค่าใช้จ่าย ไม่ต้องติดตั้งซอฟต์แวร์หรือส่วนขยาย
- ความเป็นส่วนตัวมาก่อน: การประมวลผลเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อมูลของคุณจะไม่ออกจากอุปกรณ์
- ไม่ต้องสมัครสมาชิก: วางข้อมูลและรับผลลัพธ์ในคลิกเดียว
- รวดเร็วและเชื่อถือได้: จัดการไฟล์ขนาดเล็กหรือใหญ่ในไม่กี่วินาที พร้อมใช้ใน Excel และเครื่องมืออื่นๆ
กรณีการใช้งานทั่วไป
- แยกตารางอันดับลีก ตารางอัตราแลกเปลี่ยน หรือตารางสถิติจากหน้าเว็บไปยัง Excel
- กู้คืนข้อมูลจากรายงาน HTML เก่าหรือใบแจ้งหนี้ HTML ที่ส่งทางอีเมล
- ดึงตารางรายการสินค้าจากหน้าเว็บของซัพพลายเออร์เพื่อเปรียบเทียบราคา
- แปลงตารางจากไฟล์ส่งออก HTML ของ Confluence, Notion หรือ CMS ให้เป็น CSV สำหรับการวิเคราะห์
ข้อจำกัดและเคล็ดลับ
- จะแปลงเฉพาะ <table> แรกใน HTML ที่วางเท่านั้น หากหน้าเว็บมีหลายตาราง ให้วางเฉพาะตัวที่คุณต้องการ
- เซลล์หัวตาราง (<th>) ไม่ว่าจะอยู่ที่ใดในตารางจะกลายเป็นแถวแรกของ CSV ส่วนแถวข้อมูลจะอ่านจากองค์ประกอบ <tbody> <tr> ตารางที่ไม่มี thead หรือ tbody จะย้อนกลับไปอ่านทุก <tr> แทน
- เซลล์ที่ถูกรวม (colspan หรือ rowspan) จะไม่ถูกขยาย ดังนั้นแถวที่ใช้การรวมเซลล์จะมีจำนวนเซลล์น้อยกว่าหัวตาราง
- ข้อความของเซลล์จะดึงมาจาก textContent: ลิงก์ รูปภาพ และการจัดรูปแบบจะถูกตัดทิ้ง เหลือเพียงข้อความที่มองเห็นได้
คำถามที่พบบ่อย
ฉันจะได้ HTML ของตารางจากเว็บไซต์มาได้อย่างไร?
คลิกขวาที่ตาราง เลือก Inspect ค้นหาองค์ประกอบ <table> ในเครื่องมือนักพัฒนา คลิกขวาที่มันแล้วเลือก Copy > Copy outerHTML จากนั้นวางลงในเครื่องมือนี้ หรืออีกทางหนึ่งคือดูซอร์สของหน้าเว็บและคัดลอกส่วนตาราง
ทำไมผลลัพธ์ถึงว่างเปล่า?
ไม่พบองค์ประกอบ <table> ในข้อความที่วาง เช่น เพราะหน้าเว็บสร้างตารางด้วยองค์ประกอบ div หรือโหลดด้วย JavaScript หลังจากคัดลอกซอร์สไปแล้ว ให้คัดลอกองค์ประกอบจากเครื่องมือนักพัฒนาซึ่งแสดง DOM ที่ถูกเรนเดอร์แล้ว แทนที่จะคัดลอกจากซอร์สดิบ
จะเกิดอะไรขึ้นกับตารางที่ซ้อนกัน?
ตารางด้านนอกจะถูกแปลง และเซลล์ที่มีตารางซ้อนอยู่ภายในจะถูกทำให้แบนราบเป็นข้อความของมัน สำหรับตารางที่ซ้อนกัน ให้คัดลอกเฉพาะองค์ประกอบ <table> ด้านในนั้นแล้วแปลงแยกต่างหาก
การคัดลอกตารางลง Excel กับการใช้เครื่องมือนี้ต่างกันอย่างไร?
การวางลง Excel ขึ้นอยู่กับเบราว์เซอร์และอาจรวมเซลล์ แปลงตัวเลข หรือดึงรูปภาพและลิงก์มาด้วย เครื่องมือนี้จะอ่านโครงสร้างตารางโดยตรงและเขียนเป็น CSV ธรรมดาที่ทุกเซลล์ตรงกับข้อความที่มองเห็นได้เป๊ะ ๆ พร้อมครอบเครื่องหมายคำพูดเมื่อจำเป็น
HTML ถูกอัปโหลดไปที่ใดหรือไม่?
ไม่ HTML ถูกแยกวิเคราะห์ด้วย DOMParser ที่มีอยู่ในเบราว์เซอร์ของคุณ และ CSV ถูกสร้างขึ้นในเครื่อง
เครื่องมือที่เกี่ยวข้อง
เครื่องมือฟรีอื่นๆ ที่อาจเป็นประโยชน์
Available languages