ตัวดึงรูปภาพ HTML: ดึง URL และแอตทริบิวต์รูปภาพ
ตัวดึงรูปภาพ HTML อ่านอินพุต HTML และคืนรายการค่าคั่นด้วยแท็บจากแต่ละองค์ประกอบ img: src, ข้อความ alt, ความกว้าง และความสูง ใช้รวบรวมรายละเอียดรูปภาพโดยไม่ต้องเขียนสคริปต์ แล้วคัดลอกผลลัพธ์เพื่อตรวจสอบหรือใส่สเปรดชีต มันดึงสี่ฟิลด์นี้จากมาร์กอัปที่ให้
ตัวดึงรูปภาพ HTML พาร์ส HTML และแสดงรายละเอียดที่พบในทุกองค์ประกอบ img มันคืนค่า src, ข้อความ alt, ความกว้าง และความสูงเป็นข้อมูลคั่นด้วยแท็บ คุณจึงรวบรวมข้อมูลรูปภาพได้โดยไม่ต้องเขียนสคริปต์ ใช้ตัวดึงรูปภาพ HTML นี้เมื่อต้องการวิธีด่วนในการตรวจสอบมาร์กอัปรูปภาพหรือรวบรวมค่าสำหรับตรวจสอบเพิ่มเติม
ในการใช้เครื่องมือ ให้วางหรือลากอินพุต HTML ของคุณแล้วรันการดึง เอาต์พุตโฟกัสที่สี่ฟิลด์: แหล่งรูปภาพใน src, ข้อความทางเลือกใน alt และแอตทริบิวต์ความกว้างและความสูง ผลลัพธ์นำเสนอเป็นค่าคั่นด้วยแท็บที่คุณคัดลอกได้ อินพุตไม่ได้อธิบายตัวเลือกที่กำหนดได้ จึงไม่มีการตั้งค่าให้อธิบายที่นี่
HTML อธิบายโครงสร้างของเนื้อหาเว็บ ส่วนองค์ประกอบ img ระบุรูปภาพและมีแอตทริบิวต์อย่าง src, alt, ความกว้าง และความสูงได้ การดึงฟิลด์เหล่านี้มีประโยชน์เมื่อต้องการตรวจสอบการอ้างอิงรูปภาพแยกจากมาร์กอัปรอบข้าง เตรียมข้อมูลสำหรับสเปรดชีต หรือตรวจสอบว่าหนึ่งหน้ามีอะไรก่อนขูดข้อมูล
ตัวดึงรูปภาพ HTML ทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณประมวลผลบนอุปกรณ์ของคุณเอง และไม่อัปโหลด ไม่จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ เมื่อโหลดหน้าแล้วเครื่องมือจะทำงานออฟไลน์ คุณจึงดึงรายละเอียดรูปภาพได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต
เครื่องมือฟรีนี้มีประโยชน์สำหรับนักพัฒนา วิศวกร DevOps ทีมเนื้อหา และทุกคนที่ต้องตรวจสอบข้อมูลรูปภาพ HTML ไม่ว่าคุณกำลังรีวิวหน้าหรือรวบรวมแอตทริบิวต์รูปภาพสำหรับงาน มันให้วิธีตรงไปตรงมาในการดึงฟิลด์และคัดลอกผลลัพธ์
ขั้นตอนที่ 1: วางหรือลากอินพุต HTML ของคุณลงในเครื่องมือ ให้มาร์กอัปที่มีองค์ประกอบ img ที่ต้องการตรวจสอบ
ขั้นตอนที่ 2: รันการดึงเพื่อพาร์ส HTML เครื่องมือแสดงค่า src, alt, ความกว้าง และความสูงสำหรับทุกองค์ประกอบ img ที่พบ
ขั้นตอนที่ 3: ตรวจสอบค่าที่ดึงในเอาต์พุตคั่นด้วยแท็บ รูปแบบนี้เก็บสี่ฟิลด์รูปภาพไว้ด้วยกันเพื่อง่ายต่อการตรวจสอบ
ขั้นตอนที่ 4: คัดลอกค่าที่ต้องการเพื่อตรวจสอบหรือใส่สเปรดชีต เอาต์พุตพร้อมใช้เป็นข้อมูลคั่นด้วยแท็บ
กรณีการใช้งาน: ดึงข้อมูลรูปภาพจากไฟล์ HTML โดยไม่ต้องเขียนสคริปต์ ตัวดึงรวบรวมค่า src, alt, ความกว้าง และความสูงให้คุณ
กรณีการใช้งาน: ตรวจสอบว่ามีองค์ประกอบรูปภาพใดในหน้าก่อนขูดข้อมูล การตรวจสอบค่าที่ดึงช่วยเข้าใจมาร์กอัปรูปภาพของหน้าได้
กรณีการใช้งาน: รวบรวมรายละเอียดรูปภาพเพื่อตรวจสอบหรือใส่สเปรดชีต เอาต์พุตคั่นด้วยแท็บเก็บฟิลด์ที่ดึงไว้ด้วยกันในรูปแบบที่คัดลอกง่าย
กรณีการใช้งาน: รวบรวม URL รูปภาพจาก HTML เมื่อเตรียมรีวิวเนื้อหาหรือแอสเซ็ต ค่า src ให้รายการที่โฟกัสเพื่อตรวจสอบ
กรณีการใช้งาน: ตรวจสอบข้อความ alt ทั่วองค์ประกอบรูปภาพในหน้า การดึงค่า alt ทำให้ตรวจสอบพร้อมกันได้ง่ายขึ้น
กรณีการใช้งาน: ตรวจสอบแอตทริบิวต์ความกว้างและความสูงของรูปภาพในมาร์กอัป ค่าที่ดึงช่วยนักพัฒนาตรวจสอบขนาดที่ระบุสำหรับแต่ละองค์ประกอบ img