divmagic DivMagic

คัดลอกการออกแบบจากเว็บไซต์ใดๆ

คัดลอกโค้ดขององค์ประกอบเว็บไซต์ใดๆ ได้อย่างง่ายดายเพียงคลิกเดียว ลองตอนนี้!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
ใช้โดยนักพัฒนากว่า 8,000 คน
ได้รับความไว้วางใจจากนักพัฒนากว่า 8,000 คน
divmagic
ส่วนขยายเบราว์เซอร์ Magical:
ประหยัดเวลาหลายร้อยชั่วโมง
รองรับ Chrome และ Firefox
คัดลอกองค์ประกอบ +1 ล้านแล้ว
การสนับสนุนที่เร็วที่สุด
เครื่องมือเลือกสี การคัดลอกแบบอักษร และเครื่องมือผสานรวมอื่นๆ
สร้างไลบรารีส่วนประกอบของคุณเอง

ใช้โดยนักพัฒนากว่า 8,000 คนที่:

รับโค้ดขององค์ประกอบใดๆ บนเว็บไซต์ใดก็ได้

คุณสามารถรับโค้ด HTML/CSS ขององค์ประกอบใดก็ได้บนเว็บไซต์ใดก็ได้
เพียงคลิกเดียว คุณก็สามารถคัดลอกโค้ดขององค์ประกอบใดๆ บนเว็บไซต์ใดก็ได้
คุณยังสามารถคัดลอกทั้งหน้าได้ด้วยคลิกเดียวหากต้องการ

Media Query การสนับสนุน (React)

คุณสามารถคัดลอกคิวรีสื่อขององค์ประกอบที่คุณกำลังคัดลอกได้

ซึ่งจะทำให้สไตล์ที่คัดลอกReactได้

แปลง CSS เป็น Tailwind CSS

คุณแปลงโค้ด CSS ให้เป็น Tailwind CSS ได้

เว็บไซต์ที่คุณคัดลอกมาไม่จำเป็นต้องใช้ Tailwind CSS

DivMagic จะแปลงโค้ด CSS ใด ๆ ให้เป็น Tailwind CSS (แม้แต่สี!)

คัดลอกโค้ดผ่าน iframe

คุณสามารถคัดลอกโค้ดจาก iframes

เว็บไซต์บางแห่งใส่เนื้อหาใน iframe เพื่อป้องกันไม่ให้คุณคัดลอกเนื้อหานั้น DivMagic สามารถคัดลอกโค้ดผ่าน iframes

DevTools บูรณาการ

ใช้ DivMagic ได้จากเครื่องมือพัฒนาเบราว์เซอร์ของคุณ

คุณสามารถเข้าถึงพลังของ DivMagic ได้โดยไม่ต้องเปิดส่วนขยายเลย

แปลงและบันทึกองค์ประกอบเว็บให้เป็นส่วนประกอบที่นำมาใช้ซ้ำได้ โดยทั้งหมดนี้อยู่ในคอนโซลนักพัฒนาซอฟต์แวร์ของคุณ

แปลงส่วนประกอบใด ๆ ให้เป็น React/JSX

คุณสามารถแปลงส่วนประกอบใด ๆ ให้เป็น JSX

คุณสามารถรับส่วนใดๆ ที่คุณคัดลอกเป็นส่วนประกอบ React/JSX ไม่จำเป็นต้องตรวจสอบรหัส

แม้ว่าเว็บไซต์จะไม่ได้ใช้ React ก็ตาม

DivMagic Studio บูรณาการ

คุณสามารถส่งออกองค์ประกอบที่คัดลอกไปยัง DivMagic Studio

ซึ่งจะช่วยให้คุณสามารถแก้ไของค์ประกอบและทำการเปลี่ยนแปลงได้อย่างง่ายดาย

คุณสามารถบันทึกส่วนประกอบของคุณใน DivMagic Studio และเยี่ยมชมได้ตลอดเวลา

DivMagic Toolbox

เครื่องมือทั้งหมดที่คุณต้องการสำหรับการพัฒนาเว็บไซต์ในที่เดียว

คุณสามารถคัดลอกแบบอักษรจากเว็บไซต์และใช้แบบอักษรเหล่านั้นในโครงการของคุณได้โดยตรง คุณสามารถคัดลอกสีจากเว็บไซต์ใดๆ และใช้แบบอักษรเหล่านั้นในโครงการของคุณได้โดยตรง แปลงสีใด ๆ เป็นรูปแบบใด ๆ เพิ่มกริด

และอื่น ๆ...

เครื่องมือทั้งหมดที่คุณต้องการเพื่อสร้างเว็บไซต์ที่น่าทึ่งเร็วขึ้น

รับการออกแบบที่ดีที่สุดโดยไม่ต้องใช้เวลาหลายชั่วโมงกับมัน

สารวัตร

รับโค้ดขององค์ประกอบใดๆ บนเว็บไซต์ใดก็ได้ DivMagic มอบโค้ดที่กะทัดรัดและสะอาดที่สุดเพื่อให้คุณใช้ในโครงการของคุณ

ตัวแปลง

แปลงส่วนประกอบใด ๆ ให้เป็น React/JSX คุณสามารถรับส่วนใดๆ ที่คุณคัดลอกเป็นส่วนประกอบ React/JSX โดยไม่คำนึงถึงกรอบของเว็บไซต์

CSS ท้ายลม

แปลง CSS เป็น Tailwind CSS DivMagic จะแปลงโค้ด CSS ใด ๆ ให้เป็น Tailwind CSS (แม้แต่สี!) เว็บไซต์ที่คุณคัดลอกมาไม่จำเป็นต้องใช้ Tailwind CSS

การสนับสนุน IFRAME

คัดลอกโค้ดจาก iframe เว็บไซต์บางแห่งใส่เนื้อหาใน iframe เพื่อป้องกันไม่ให้คุณคัดลอกเนื้อหานั้น DivMagic สามารถคัดลอกโค้ดผ่าน iframes

ตอบสนอง

คุณสามารถคัดลอกคิวรีสื่อขององค์ประกอบหรือหน้าที่คุณกำลังคัดลอกได้ ซึ่งจะทำให้สไตล์ที่คัดลอกตอบสนองได้

การบูรณาการ DEVTOOLS

ใช้ DivMagic ได้จากเครื่องมือพัฒนาเบราว์เซอร์ของคุณ คุณสามารถเข้าถึงฟังก์ชันทั้งหมดของ DivMagic ได้โดยไม่ต้องเปิดส่วนขยาย

บูรณาการสตูดิโอ

คุณสามารถส่งออกองค์ประกอบที่คัดลอกไปยัง DivMagic Studio ซึ่งเป็นโปรแกรมแก้ไขออนไลน์ที่มีประสิทธิภาพเพื่อแก้ไของค์ประกอบและทำการเปลี่ยนแปลงได้อย่างง่ายดาย

สำเนาเต็มหน้า

คุณสามารถคัดลอกทั้งหน้าได้ด้วยคลิกเดียว

การบูรณาการเวิร์ดเพรส

คุณสามารถส่งออกองค์ประกอบที่คัดลอกไปยัง WordPress (HTML เป็น WordPress Gutenberg) ซึ่งจะทำให้คุณสามารถใช้องค์ประกอบที่คัดลอกไว้ใน WordPress Gutenberg Editor ได้

ข้อมูลเพิ่มเติมที่นี่

กล่องเครื่องมือ

เครื่องมือทั้งหมดที่คุณต้องการสำหรับการพัฒนาเว็บไซต์ในที่เดียว การแก้ไขแบบสด ตัวเลือกสี ดีบักเกอร์ และอื่นๆ

การคัดลอกแบบอักษร

คุณสามารถคัดลอกแบบอักษรจากเว็บไซต์และใช้แบบอักษรเหล่านั้นในโครงการของคุณได้โดยตรง

ตัวเลือกสี

คุณสามารถคัดลอกสีจากเว็บไซต์ใดๆ และใช้สีเหล่านั้นในโครงการของคุณได้โดยตรง แปลงสีใด ๆ เป็นรูปแบบใด ๆ

เป็นที่ชื่นชอบของนักพัฒนาและนักออกแบบ

“อัศจรรย์! สิ่งนี้เพิ่มประสิทธิภาพการทำงานของฉันขึ้น 1,000 เท่า ง่ายต่อการคัดลอกโค้ด Tailwind สำหรับสิ่งที่มีอยู่ในอินเทอร์เน็ต”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

มีประโยชน์อย่างเหลือเชื่อ! ไม่ต้องสงสัยเลยว่าช่วยประหยัดเวลาได้มาก!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 ส่วนขยาย Chrome เพื่อแปลงองค์ประกอบเป็น Tailwind CSS โดยตรง (รวมถึงสี)”

testimonial author
Michael Hoffman
Senior Frontend Developer

สิ่งที่ฉันกำลังมองหา! ทำงานได้ดีกับสิ่งที่ฉันพยายาม”

testimonial author
Will Bowman

ใช้งานได้ดี! ผลลัพธ์มีขนาดเล็กมากซึ่งทำให้ง่ายต่อการปรับเปลี่ยนตามกรณีการใช้งานของฉัน!”

Nichole Peterson

นักพัฒนาส่วนหน้าต้อง!! ฉันชอบการที่มันเล่นได้ดีด้วย React และ Tailwind จริงๆ ความง่ายของ UI และ UX คือสิ่งที่ฉันชอบที่สุด”

Steven J.

“ฉันแนะนำเป็นอย่างยิ่ง มันมหัศจรรย์มาก!”

Javier

“ตอนนี้ฉันสามารถขโมยการออกแบบได้ง่ายยิ่งขึ้น! 😢”

testimonial author
Ethan Glover
Application Engineer

“เครื่องมือที่ยอดเยี่ยม มูลค่าของมันเกินกว่าต้นทุนมาก

testimonial author
Bryan Brooks

DivMagic คือสมบัติล้ำค่า เป็นเพียงเครื่องมือที่ดีที่สุดในการรับส่วนนั้นของหน้าเว็บและนำมาสู่คุณอย่างสมบูรณ์แบบ ลองดูสิ คุณจะคืนทุนให้ทันเวลาโดยประหยัดได้ในหน่วยวัน”

testimonial author
Victor Rhea

“เครื่องมือจ่ายเยี่ยม คุ้มค่าเงิน!”

testimonial author
Daniro

เครื่องมือที่ยอดเยี่ยมและประหยัดเวลาได้มาก หากคุณเป็นนักพัฒนาซอฟต์แวร์และต้องการวิธีที่รวดเร็วในการออกแบบ UI เครื่องมือนี้ดีมาก”

testimonial author
Martin Young

“ยินดีที่มีมันบนเบราว์เซอร์ของฉัน”

testimonial author
Reza Hartana

“เครื่องมือที่ยอดเยี่ยมที่จะช่วยคุณประหยัดเวลาได้มากในการพัฒนา”

testimonial author
Jackie Chong

ทำงานได้ดีมาก - แม้จะใช้ React + TailwindCSS ก็ตาม ประทับใจมาก.”

testimonial author
J L

“เครื่องมือที่น่าทึ่ง! ฉันชอบการใช้งานที่ทรงพลังและใช้งานง่าย หากคุณเป็นนักพัฒนาซอฟต์แวร์ อย่าคิดซ้ำซากและอย่าลืมลงมือทำ

testimonial author
Giuliani Prosecutor

“เครื่องมือที่ยอดเยี่ยม เมื่อจับคู่กับส่วนประกอบ Tailwind คุณจะประหยัดเวลาได้อย่างง่ายดาย ภายใน 30 นาทีแรกของการใช้งาน จ่ายเองแทบจะในทันที”

testimonial author
Brendan OC

“ฉันเคยทดสอบเครื่องมือที่คล้ายกันมากกว่า 3 รายการในอดีต - DivMagic เป็นหนึ่งในเครื่องมือคุณภาพสูงสุดอย่างง่ายดาย

testimonial author
John Techozens

“เครื่องมือที่น่าทึ่ง หากคุณสร้างเว็บไซต์ คุณจะรู้ว่า นี่ไม่ใช่เกมง่ายๆ ประหยัดเวลาได้มาก ยุ่งกับเทมเพลตและแก้ไข css”

testimonial author
Kevin McGrew

ส่วนเสริมที่มีประโยชน์สุดๆ! จ่ายสำหรับผลิตภัณฑ์ทั้งหมดเพราะ ช่วยฉันประหยัดเวลาและความพยายาม

Torra Laq

เครื่องมือที่น่าทึ่ง เครื่องมือที่มีประโยชน์มากสำหรับนักพัฒนา”

testimonial author
Talha Tonmoy

Divmagic dev เจ๋งมาก

Lewis

“เครื่องมือที่น่าทึ่งนี้ช่วยลดเวลาที่ฉันใช้กับงานลงได้อย่างมาก และเข้ากับกิจวัตรการทำงานของฉันได้อย่างราบรื่น มันเป็นเครื่องมือสำคัญสำหรับผู้ที่อยู่ในแวดวงการพัฒนาเว็บไซต์ ฝ่ายสนับสนุนด้านเทคนิคช่วยฉันภายในไม่กี่ชั่วโมงตามคำขอของฉัน ประทับใจ.”

testimonial author
Vasttee Design

เครื่องมือที่ดีที่สุดที่ช่วยประหยัดเวลาได้มาก จำเป็นต้องปรับปรุงสื่อตอบสนอง JSX บางตัว อื่น ๆ ก็ช่วยได้เต็มที่”

testimonial author
Azfar Masood
ดูคำรับรองเพิ่มเติม

ราคา

ใช้งานได้กับทุกเว็บไซต์

ใช้ได้กับ Chrome และ Firefox

นโยบายการคืนเงินเต็มจำนวน

อัปเดตอย่างต่อเนื่องและคุณสมบัติใหม่

การสนับสนุนที่ทุ่มเทและรวดเร็ว

ใช้โดย นักพัฒนากว่า 8,000 คน

"จ่ายเองแทบจะในทันที"

เบรนแดน - ผู้ใช้ DivMagic

รับประกันว่าคุณประหยัดเวลาและเงิน

  • เข้าถึงได้ตลอดชีวิต
  • ใช้ได้กับ Google Chrome
  • เบราว์เซอร์ที่ใช้ Chromium ทั้งหมด
  • ใช้ได้กับไฟร์ฟอกซ์
  • ใช้งานบนอุปกรณ์ 2 เครื่อง
  • การรวม DivMagic Studio
  • รวมถึงการอัปเดตในอนาคตทั้งหมด
  • การสนับสนุนที่เร็วที่สุด
  • ใช้งานได้ไม่จำกัด
  • รับประกันคืนเงิน
🎁 ประหยัด $145 - ส่วนลดในช่วงเวลาจำกัด
$345
$200
จ่ายครั้งเดียว - จ่ายครั้งเดียวใช้ได้ตลอดไป
รับตอนนี้

รายเดือน

$16/เดือน

รวมคุณสมบัติทั้งหมดของ DivMagic แล้ว
ยกเลิกได้ตลอดเวลา

เป็นประจำทุกปี

$96/ปี

รวมคุณสมบัติทั้งหมดของ DivMagic แล้ว
ยกเลิกได้ตลอดเวลา

"ลูกค้ามักจะมาพร้อมกับดีไซน์ที่พวกเขาชอบ และเราสามารถคัดลอกมันด้วย DivMagic ได้อย่างง่ายดาย เป็นเครื่องมือที่ต้องมีสำหรับเอเจนซี่ของเราอย่างแน่นอน ช่วยเราประหยัดเวลาได้นับไม่ถ้วน!"

Andrew - ผู้ใช้ DivMagic และเจ้าของเอเจนซี่

รับประกันว่าจะปรับปรุงประสิทธิภาพการทำงานของทีมของคุณ

  • หมุนเวียนสมาชิกในทีมตามความจำเป็น
  • ยกเลิกได้ตลอดเวลา
  • ไลบรารีส่วนประกอบของทีม
  • การรวมทีมสตูดิโอ (เร็วๆ นี้)

แผนทีม

$20/เดือน

ต่อสมาชิกในทีม
รับแผนทีม

คำถามที่พบบ่อย

DivMagic ทำอะไร?

DivMagic ช่วยให้คุณสามารถคัดลอก แปลง และใช้องค์ประกอบเว็บได้อย่างง่ายดาย เป็นเครื่องมืออเนกประสงค์ที่แปลง HTML และ CSS เป็นรูปแบบต่างๆ รวมถึง Inline CSS, CSS ภายนอก, Local CSS และ Tailwind CSS

คุณสามารถคัดลอกองค์ประกอบใดๆ จากเว็บไซต์ใดๆ ให้เป็นส่วนประกอบที่นำมาใช้ซ้ำได้ และวางลงในโค้ดเบสของคุณโดยตรง

ฉันจะใช้มันได้อย่างไร?

ขั้นแรก ให้ติดตั้งส่วนขยาย DivMagic ไปที่เว็บไซต์ใดก็ได้แล้วคลิกไอคอนส่วนขยาย จากนั้นเลือกองค์ประกอบใดๆ บนหน้า โค้ดในรูปแบบที่คุณเลือก จะถูกคัดลอกและพร้อมที่จะวางในโครงการของคุณ

คุณสามารถชมวิดีโอสาธิตเพื่อดูวิธีการทำงาน

เบราว์เซอร์ที่รองรับคืออะไร?

คุณสามารถรับส่วนขยายสำหรับ Chrome และ Firefox

ส่วนขยาย Chrome ทำงานได้บนเบราว์เซอร์ที่ใช้ Chromium ทั้งหมด เช่น Brave และ Edge

นโยบายการคืนเงินคืออะไร?

หากคุณไม่พอใจกับ DivMagic โปรดส่งอีเมลถึงเราภายใน 30 วันนับจากวันที่คุณซื้อ แล้วเราจะคืนเงินให้คุณโดยไม่มีคำถามใดๆ

support@divmagic.com

ฉันจะแก้ไขการสมัครสมาชิกของฉันได้อย่างไร?

คุณสามารถแก้ไขการสมัครของคุณได้โดยไปที่พอร์ทัลลูกค้า
พอร์ทัลลูกค้า

มันใช้งานได้กับทุกเว็บไซต์หรือไม่?

ใช่. มันจะคัดลอกองค์ประกอบใดๆ จากเว็บไซต์ใดๆ และแปลงเป็นรูปแบบที่คุณเลือก คุณยังสามารถคัดลอกองค์ประกอบที่ได้รับการคุ้มครองโดย iframe ได้อีกด้วย

เว็บไซต์ที่คุณกำลังคัดลอกสามารถสร้างด้วยเฟรมเวิร์กใดก็ได้ DivMagic จะทำงานบนทุกเฟรมเวิร์ก

แม้ว่าองค์ประกอบบางอย่างอาจเกิดขึ้นไม่บ่อยนัก แต่หากคุณพบเห็น โปรดรายงานให้เราทราบ

แม้ว่าองค์ประกอบจะไม่ได้คัดลอกอย่างถูกต้อง คุณยังคงสามารถใช้โค้ดที่คัดลอกเป็นจุดเริ่มต้นและทำการเปลี่ยนแปลงได้

การแปลง Tailwind CSS ใช้งานได้กับทุกเว็บไซต์หรือไม่

ใช่. เว็บไซต์ที่คุณกำลังคัดลอกสามารถสร้างด้วยเฟรมเวิร์กใดก็ได้ DivMagic จะทำงานบนทุกเฟรมเวิร์ก

เว็บไซต์ไม่จำเป็นต้องสร้างด้วย Tailwind CSS เพราะ DivMagic จะแปลง CSS เป็น Tailwind CSS ให้กับคุณ

มีข้อจำกัดอะไรบ้าง?

ข้อจำกัดที่ใหญ่ที่สุดคือเว็บไซต์ที่ใช้ JavaScript เพื่อแก้ไขการแสดงเนื้อหาของหน้า ในกรณีเช่นนี้รหัสที่คัดลอกอาจไม่ถูกต้อง หากคุณพบองค์ประกอบดังกล่าว โปรดรายงานให้เราทราบ

แม้ว่าองค์ประกอบจะไม่ได้คัดลอกอย่างถูกต้อง คุณยังคงสามารถใช้โค้ดที่คัดลอกเป็นจุดเริ่มต้นและทำการเปลี่ยนแปลงได้

มีการอัปเดตสำหรับ DivMagic บ่อยแค่ไหน?

DivMagic ได้รับการอัพเดตเป็นประจำ เรากำลังเพิ่มคุณสมบัติใหม่และปรับปรุงคุณสมบัติที่มีอยู่อย่างต่อเนื่อง

เราเผยแพร่การอัปเดตทุก 1-2 สัปดาห์ ดูบันทึกการเปลี่ยนแปลงของเราเพื่อดูรายการอัปเดตทั้งหมด

บันทึกการเปลี่ยนแปลง

จะเกิดอะไรขึ้นกับบัญชีการชำระเงินแบบครั้งเดียวของฉันหาก DivMagic ปิดตัวลง

เราต้องการให้แน่ใจว่าคุณรู้สึกปลอดภัยกับการซื้อของคุณ เราวางแผนที่จะเปิดให้บริการเป็นเวลานานมาก แต่หาก DivMagic ปิดตัวลง เราจะส่งโค้ดของส่วนขยายไปยังผู้ใช้ทุกคนที่ชำระเงินแบบครั้งเดียว ซึ่งจะทำให้คุณสามารถใช้แบบออฟไลน์ได้อย่างไม่มีกำหนด

ต้องการติดตามข่าวสารล่าสุดหรือไม่?
เข้าร่วมรายชื่ออีเมล DivMagic!

รับทราบข่าวสาร ฟีเจอร์ใหม่ และอื่นๆ ก่อนใคร!

ยกเลิกการสมัครได้ตลอดเวลา ไม่มีสแปม

© 2024 DivMagic, Inc. สงวนลิขสิทธิ์