หากคุณเป็นผู้ใช้เว็บ (หรืออาจเป็นนักออกแบบเว็บไซต์หรือ นักพัฒนาซอฟต์แวร์ที่ต้องการ ) ผู้ที่มักเจอ เว็บไซต์ที่ดูดี พร้อมคุณสมบัติหรือลักษณะที่ทำให้คุณสงสัยว่าพวกเขาสร้างขึ้นอย่างไรคุณอาจต้องการลอง คัดลอกโค้ดเว็บไซต์ และประหยัดค่าใช้จ่าย ภายหลังเพื่อให้คุณสามารถดูอีกครั้งเพื่อดูว่ามันทำอะไรได้บ้างและอาจจะทำซ้ำได้ในการออกแบบเว็บหรือโครงการพัฒนาของคุณเอง
การคัดลอกโค้ดจากหน้าเว็บเดียวเป็นเรื่องง่ายมากเมื่อคุ้นเคยกับเว็บเบราเซอร์ที่คุณใช้อยู่ ต่อไปนี้คือวิธีดำเนินการสำหรับเบราว์เซอร์เว็บยอดนิยมสามแห่ง
การคัดลอกใน Google Chrome Web Browser
- เปิด Chrome และไปที่หน้าเว็บที่คุณต้องการคัดลอก
- คลิกขวาบนพื้นที่ว่างหรือพื้นที่ว่างบนเว็บเพจ เพียงให้แน่ใจว่าคุณไม่ได้คลิกขวาที่ลิงค์รูปภาพหรือคุณลักษณะอื่น ๆ
- คุณจะทราบว่าคุณได้คลิกในช่องว่างหรือพื้นที่ว่างแล้วหากเห็นตัวเลือกที่มีข้อความว่า "ดูแหล่งที่มาของหน้าเว็บ" ในเมนูที่ปรากฏ เลือกตัวเลือกนี้เพื่อแสดงรหัสของเว็บเพจ
- คัดลอกโค้ดทั้งหมดโดยเน้นทั้งหมดหรือเฉพาะพื้นที่เฉพาะของโค้ดที่คุณต้องการกด Ctrl + C หรือ Command + C บนแป้นพิมพ์และวางลงในไฟล์ข้อความหรือเอกสาร
การคัดลอกในเว็บเบราเซอร์ Mozilla Firefox
- เปิด Firefox และไปที่หน้าเว็บที่คุณต้องการคัดลอก
- จากเมนูด้านบนให้เลือกเครื่องมือ> นักพัฒนาเว็บ> แหล่งที่มาของหน้า
- แท็บใหม่จะเปิดขึ้นพร้อมโค้ดของหน้าซึ่งคุณสามารถคัดลอกได้โดยเน้นพื้นที่เฉพาะหรือคลิกขวาที่เลือกทั้งหมดหากต้องการรหัสทั้งหมด กด Ctrl + C หรือ Command + C บนคีย์บอร์ดแล้ววางลงในไฟล์ข้อความหรือเอกสาร
การคัดลอกใน Safari ของ Apple OS X Safari
- เปิด Safari และไปที่หน้าเว็บที่คุณต้องการคัดลอก
- คลิกที่ "Safari" ในเมนูด้านบนแล้วคลิก Preferences
- ในเมนูด้านบนของช่องที่ปรากฏเหนือเบราว์เซอร์ของคุณให้คลิกไอคอนรูปเฟืองขั้นสูง
- ตรวจสอบว่าได้เลือกปิด "แสดงการพัฒนาเมนูในแถบเมนู" แล้ว
- ปิดกล่อง Preferences และคลิกตัวเลือก Develop ในเมนูด้านบน
- คลิก "แสดงแหล่งที่มาของหน้าเว็บ" เพื่อเรียกดูแท็บด้วยรหัสจากด้านล่างของหน้า
- ใช้เมาส์ลากแท็บไปยังหน้าจอของคุณหากคุณต้องการนำมาแสดงข้อมูลทั้งหมดและคัดลอกโดยเน้นทั้งหมดหรือเฉพาะพื้นที่รหัสที่ต้องการโดยกด Ctrl + C หรือ Command + C แป้นพิมพ์ของคุณและวางไว้ที่ใดก็ตามที่คุณต้องการ
ข้อมูลโดย: Elise Moreau