วิธีคัดลอกโค้ด HTML จากเว็บไซต์ในเบราว์เซอร์ Chrome ของ Google!

วิธีคัดลอกโค้ด HTML จากเว็บไซต์โดยใช้เบราว์เซอร์ Chrome ของ Google

คุณเคยเจอเว็บไซต์และคิดว่า "ฉันสงสัยว่าพวกเขาทำได้อย่างไร" ตอนนี้คุณสามารถค้นหาได้ด้วยการคลิกเพียงไม่กี่ครั้ง! ต่อไปนี้เป็นวิธีคัดลอกโค้ด HTML จากเว็บไซต์โดยใช้เบราว์เซอร์ Chrome ของ Google

1. ไปที่หน้าเว็บที่มีรหัสที่คุณต้องการคัดลอก

2. คลิกขวาที่ใดก็ได้บนหน้าและเลือก "ดูแหล่งที่มาของหน้า"

3. หน้าต่างใหม่จะเปิดขึ้นพร้อมรหัส HTML สำหรับหน้านั้น

4. ค้นหาส่วนของโค้ดที่คุณสนใจและคลิกเพื่อไฮไลต์

5. คลิกขวาอีกครั้งและเลือก "คัดลอก"

6. แค่นั้นแหละ! คุณได้คัดลอกโค้ด HTML จากหน้าเว็บแล้ว

ฉันจะดูซอร์สโค้ด HTML ใน Chrome ได้อย่างไร

ดังที่นักพัฒนาเว็บทุกคนทราบ การดูซอร์สโค้ด HTML เป็นส่วนสำคัญในการทำงานกับหน้าเว็บ

อย่างไรก็ตาม บางครั้งการดูซอร์สโค้ด HTML ใน Chrome อาจเป็นเรื่องยากเล็กน้อย

วิธีที่ง่ายที่สุดคือคลิกขวาที่หน้าและเลือก "ดูแหล่งที่มาของหน้า"

ซึ่งจะเป็นการเปิดซอร์สโค้ดของหน้าในแท็บใหม่

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

ซึ่งจะเป็นการเปิดซอร์สโค้ดขององค์ประกอบในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome

จะคัดลอกโค้ด HTML จากองค์ประกอบตรวจสอบใน Chrome ได้อย่างไร

เราเคยไปที่นั่นมาก่อน – เราพบโค้ดที่สมบูรณ์แบบบนเว็บไซต์ แต่ไม่รู้ว่าจะรับมืออย่างไร

โชคดีที่เครื่องมือตรวจสอบองค์ประกอบของ Google Chrome ทำให้ง่ายต่อการดูและคัดลอกโค้ด HTML จากหน้าเว็บใดๆ

วิธีการทำงาน: ก่อนอื่น ให้คลิกขวาที่องค์ประกอบที่คุณต้องการคัดลอก และเลือก "ตรวจสอบ" จากเมนูแบบเลื่อนลง

ซึ่งจะเปิดแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ซึ่งจะแสดงโค้ด HTML สำหรับองค์ประกอบที่เลือก

ถัดไป เพียงคลิกที่โค้ดแล้วกด Ctrl+C (Windows) หรือ Cmd+C (Mac) เพื่อคัดลอก ตอนนี้คุณสามารถวางโค้ดลงในเอกสาร HTML ของคุณเอง และทำการเปลี่ยนแปลงตามที่คุณต้องการ

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

คัดลอกโค้ด HTML จากหน้าเว็บใน Chrome โดยใช้ส่วนขยาย

นักพัฒนาเว็บทุกคนที่มีคุณค่ารู้ว่าการคัดลอกโค้ด HTML จากเว็บไซต์สดนั้นเป็นสิ่งที่ไม่ควรมองข้าม

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

แต่บางครั้งคุณก็แค่ต้องรับโค้ดแย่ๆ และคุณไม่มีเวลาไปยุ่งกับการจับภาพหน้าจอหรือไฮไลท์ทุกอย่างด้วยตัวเอง

นั่นคือสิ่งที่ส่วนขยายการคัดลอก HTML สำหรับ Google Chrome มีประโยชน์

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

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

นี่คือส่วนขยายการคัดลอก HTML ที่คุณควรตรวจสอบใน Chrome:

การสแกน HTML

ส่วนขยาย Html Scan Chrome เป็นเครื่องมือที่มีประโยชน์สำหรับนักพัฒนาเว็บที่ต้องการคัดลอกโค้ด HTML จากหน้าเว็บอย่างรวดเร็ว

เพียงคลิกที่ไอคอนของส่วนขยาย แล้วหน้าต่างป๊อปอัปจะปรากฏขึ้นพร้อมกับโค้ด HTML ของหน้า

จากที่นั่น คุณสามารถเลือกโค้ดที่คุณต้องการคัดลอกและวางลงในโปรแกรมแก้ไขข้อความที่คุณต้องการ

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

ดังนั้นหากคุณต้องการวิธีที่รวดเร็วในการคว้าโค้ด HTML จากหน้าเว็บ อย่าลืมลองใช้ Html Scan

คัดลอก HTML ไปยังคลิปบอร์ด

คุณเคยจำเป็นต้องคัดลอกโค้ด HTML จากหน้าเว็บ แต่พบว่ากระบวนการนี้ยุ่งยากและใช้เวลานานหรือไม่?

หากเป็นเช่นนั้น คุณจะยินดีที่ทราบว่ามีส่วนขยาย Chrome ที่เป็นประโยชน์ที่ช่วยให้การทำงานเป็นเรื่องง่าย

คัดลอก HTML ไปยังคลิปบอร์ดเป็นส่วนขยายฟรีที่ให้คุณคัดลอกโค้ด HTML จากหน้าเว็บใดๆ ได้อย่างรวดเร็วด้วยการคลิกเพียงไม่กี่ครั้ง

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

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

ครั้งต่อไปที่คุณต้องคัดลอกโค้ด HTML อย่าลืมลองคัดลอก HTML ไปยังคลิปบอร์ด

คัดลอก HTML ที่เน้นสี

อย่างที่นักพัฒนาเว็บทุกคนบอกคุณ หนึ่งในงานที่น่าเบื่อที่สุดคือการคัดลอกโค้ด HTML จากไซต์จริง

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

ในที่สุดก็มีวิธีแก้ปัญหา: ส่วนขยาย Copy Highlighted HTML Chrome

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

ไม่ต้องเล่นซอกับ "ดูแหล่งที่มา" หรือใช้บุ๊กมาร์กที่ไม่สมบูรณ์อีกต่อไป!

ส่วนขยาย Copy Highlighted HTML เป็นสิ่งจำเป็นสำหรับชุดเครื่องมือของนักพัฒนาเว็บหรือนักพัฒนาเว็บที่ไม่ใช่นักพัฒนาเว็บ

จะคัดลอกซอร์สโค้ดของหน้าใน Chrome บนมือถือได้อย่างไร

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

ในการดำเนินการดังกล่าว เพียงเปิดเมนู Chrome แล้วเลือก "เครื่องมือเพิ่มเติม"

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

โปรดทราบว่าวิธีนี้อาจไม่ได้ผลเสมอไป เนื่องจากบางไซต์ได้รับการออกแบบมาเพื่อป้องกันไม่ให้ผู้ใช้มือถือเข้าถึงไซต์เวอร์ชันเต็ม

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

วิธีคัดลอกโค้ด HTML จากเว็บไซต์โดยใช้เบราว์เซอร์ Chrome ของ Google ความคิดสุดท้าย.

โดยสรุป แม้ว่าคุณจะสามารถคัดลอก HTML จากเว็บไซต์โดยใช้ "View Source Code" หรือ "Inspect Element" ของเบราว์เซอร์ Google Chrome ได้ แต่การคัดลอกโค้ด HTML จากเว็บไซต์ทำได้ดีที่สุดด้วยส่วนขยายการคัดลอก HTML ที่มีอยู่มากมายสำหรับ Google Chrome

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

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