ในบทความนี้ เราจะพูดถึงวิธีการค้นหาและแทนที่ข้อความในเว็บเพจ เราแน่ใจว่าคุณเคยอยู่ในสถานการณ์ที่คุณพิมพ์อะไรบางอย่างไปได้ครึ่งทางและตระหนักว่าคำที่คุณใช้บ่อยที่สุดนั้นสะกดผิด บางทีคุณอาจพิมพ์คำเดียว คำย่อ หรือบรรทัดโค้ดเป็นจำนวนมากในที่ทำงาน แต่สิ่งนี้ต้องใช้การเคลื่อนไหวของมือที่ซับซ้อน ซึ่งคุณไม่ควรทำซ้ำแล้วซ้ำอีก
หากคุณใช้ระบบคลาวด์หรือพิมพ์จำนวนมากในเว็บเบราว์เซอร์ของคุณ กระบวนการค้นหาคำที่สะกดผิดและเปลี่ยนให้เป็นการสะกดคำที่ถูกต้องสามารถทำได้โดยอัตโนมัติ ด้วยส่วนขยาย”ค้นหาและแทนที่”สำหรับ Chrome และ Firefox คุณสามารถค้นหาคำที่สะกดผิดทุกคำและเปลี่ยนเป็นคำที่สะกดถูกต้องได้ในคลิกเดียว
คุณสามารถประหยัดเวลาได้มากและทำงานเสร็จได้มากขึ้นโดย ใช้ Chrome และ Firefox เพื่อค้นหาและแทนที่ข้อความ แต่เนื่องจากไม่ใช่ฟีเจอร์ที่มีอยู่แล้วภายใน เราจะแสดงส่วนขยาย Chrome, Chrome-based และ Firefox ที่ทำงานได้ คุณยังสามารถไปที่ไซต์สนับสนุนอย่างเป็นทางการของ Microsoft เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้ p>
วิธีค้นหาและแทนที่ข้อความในหน้าเว็บ
สำหรับตัวอย่างนี้ เราจะใช้หน้าเว็บที่เป็นที่รู้จักเพื่อแสดงวิธีเปลี่ยนอินสแตนซ์ทั้งหมดของคำหนึ่งเป็นอีกคำหนึ่ง
กด Ctrl+Shift+J บน Windows หรือ Cmd+Opt+J บน Mac ขณะที่อยู่ในเว็บไซต์เพื่อเปิดหน้าต่าง Console ใน Chrome Developer tools. ตอนนี้ พิมพ์คำสั่งต่อไปนี้เพื่อเปลี่ยนทุกอินสแตนซ์ของคำ ABC เป็น XYZ document.body.innerHTML=document.body.innerHTML.replace(/ABC/g, “XYZ”) คุณสามารถใช้ นิพจน์ทั่วไป สำหรับการแทนที่ที่ซับซ้อนมากขึ้น ตัวอย่างเช่น คุณสามารถใช้อย่างใดอย่างหนึ่งเหล่านี้เพื่อ แทนที่ การสะกดผิดทั่วไปทั้งหมดที่เกิดขึ้น: document.body.innerHTML.replace(/(ocurrance|occurrance|occurance)/g,’occurrence’);
document.body.innerHTML.replace(/oc+nce/g,’การเกิดขึ้น’); นอกจากนี้ยังสามารถใช้วิธีการเดียวกันนี้เพื่อจัดรูปแบบคำในหน้า ตัวอย่างเช่น คำสั่งถัดไปจะทำให้คำว่า “สวัสดี” ทั้งหมดบนหน้าเว็บเป็นตัวหนา document.body.innerHTML.replace(/Hello/g,’สวัสดี’);
ค้นหาและแทนที่ข้อความใน Gmail
เมื่อคุณปิดแท็บเบราว์เซอร์ การเปลี่ยนแปลงของคุณจะสูญหายไป ดังนั้นคุณอาจสงสัยว่าทำไมใครๆ ก็ใช้การค้นหาและแทนที่บนหน้าเว็บ มาดู Gmail กันดีกว่า คุณอาจเขียนอีเมลยาว แต่ก่อนที่คุณจะกดปุ่มส่ง คุณสังเกตเห็นข้อผิดพลาดในการสะกดคำ
ในการแก้ไขข้อผิดพลาดใน Gmail คุณสามารถคัดลอกข้อความอีเมลลงใน Notepad ใช้การค้นหาและ แทนที่ แล้ววางข้อความที่แก้ไขกลับเข้าไปใน Gmail หรือคุณสามารถใช้เครื่องมือ Chrome Dev ได้ทันที
ขั้นตอนแรกคือค้นหาส่วนของหน้าเว็บที่ควรค้นหาและแทนที่ นี่เป็นเรื่องง่ายที่จะทำ คลิกขวาที่ข้อความ Gmail เลือก “ตรวจสอบองค์ประกอบ” แล้วจด DIV ID ของพื้นที่ข้อความที่แก้ไขได้ สำหรับ Gmail มันคือ “:h7“ ต่อไป เราต้อง เรียกใช้คำสั่งการแทนที่ ในหน้าต่าง Console เพื่อเปลี่ยนทุกอินสแตนซ์ของคำ ABC เป็น XYZ document.getElementById(‘:h7’).innerHTML=document.getElementById(‘:h7′).innerHTML.replace(/ABC/g,’XYZ’); และ การเปลี่ยนแปลง ของคุณจะไม่สูญหาย เนื่องจาก Gmail จะบันทึกฉบับร่างของคุณโดยอัตโนมัติ
คำถามที่พบบ่อย
ขั้นตอนในการใช้การค้นหาและแทนที่คืออะไร
คลิกหน้าแรก จากนั้นแทนที่ พิมพ์คำหรือวลีที่คุณต้องการเปลี่ยน วิธีการหา กรอกข้อความใหม่ในช่องแทนที่ด้วย เลือกแทนที่ทั้งหมดเพื่อเปลี่ยนคำหรือวลีทุกที่ที่ปรากฏ เลือกเพิ่มเติม > จับคู่ตัวพิมพ์ เพื่อจำกัดการค้นหาให้แสดงเฉพาะตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก
การค้นหาและแทนที่ต่างกันอย่างไร
ทั้งสองส่วนมีลักษณะเหมือนกัน แต่ทำหน้าที่ต่างกัน ฟังก์ชันค้นหาช่วยให้คุณค้นหาตัวเลขหรือสตริงข้อความที่ต้องการ และฟังก์ชันแทนที่ช่วยให้คุณเปลี่ยนตัวเลขหรือสตริงข้อความเป็นอย่างอื่นได้ มาดูแต่ละฟังก์ชันเหล่านี้กัน