วิธีดูและบันทึกบันทึกคอนโซลในเบราว์เซอร์

เมื่อคุณโต้ตอบกับเว็บไซต์ มีหลายสิ่งที่อยู่เบื้องหลัง UI ที่คุณเห็น สำหรับทุกอย่างที่คุณคลิก เว็บไซต์จะสื่อสารกับเซิร์ฟเวอร์เพื่อแสดงข้อมูลที่คุณต้องการ เมื่อเว็บไซต์ไม่ตอบสนองอย่างที่ควรจะเป็น คุณต้องตรวจสอบสิ่งที่ผิดพลาดและสิ่งที่คุณจะดูก็คือข้อความ/คำขอที่ส่งและรับ คุณสามารถทำได้ผ่านเว็บคอนโซลที่เป็นคุณลักษณะในเบราว์เซอร์บางตัว โดยเฉพาะอย่างยิ่ง คุณสามารถทำได้ใน Chrome และเบราว์เซอร์อื่นๆ ที่ใช้Chromiumเช่น Edge หรือ Opera กระบวนการจะเหมือนกัน ดังนั้นเราจะแสดงวิธีการดำเนินการใน Chrome

ดูและบันทึกบันทึกคอนโซล

เปิดเบราว์เซอร์และไปที่เว็บไซต์ที่คุณต้องการดูคำขอที่ส่ง/รับทั้งหมด ใช้เว็บไซต์จนกว่าจะมีข้อผิดพลาดหรือมีปฏิกิริยาในลักษณะที่ไม่ควร เช่น คุณคลิกที่ 'ลงชื่อเข้าใช้' และจะนำคุณไปยังหน้าแรกของเว็บไซต์

แตะแป้น F12 หรือแตะแป้นพิมพ์ลัด Ctrl+Shift+I หรือไปที่เมนูการตั้งค่าของเบราว์เซอร์และค้นหาเครื่องมือสำหรับนักพัฒนา ใน Chrome คุณต้องคลิกปุ่มตัวเลือกเพิ่มเติมและไปที่เครื่องมือเพิ่มเติม>เครื่องมือสำหรับนักพัฒนา

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

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

ไฟล์จะมีนามสกุลไฟล์ LOG แต่เป็นไฟล์ข้อความ ดังนั้นคุณจึงสามารถเปิดดูได้ด้วย Notepad หรือโปรแกรมแก้ไขข้อความอื่นๆ ที่คุณเลือก หากคุณกำลังประสบปัญหาบนเว็บไซต์ ไฟล์นี้สามารถช่วยแก้ปัญหาได้ ในกรณีที่ปัญหาเกิดขึ้นเฉพาะกับเบราว์เซอร์ เช่น เว็บไซต์ไม่ตอบสนองใน Firefox แต่ทำงานได้ดีใน Chrome คุณจะต้องใช้วิธีอื่นในการรับบันทึก ผู้คนจำนวนมากใช้เครื่องมือแบบชำระเงินที่เรียกว่า Charles Proxy ผ่านไประยะหนึ่งแล้วและกลายเป็นเครื่องมือสำคัญในการดูทราฟฟิกเครือข่าย คุณสามารถค้นหาทางเลือกฟรี มีฟิดเลอร์ที่ฟรี เครื่องมือเหล่านี้มักจะซับซ้อนเล็กน้อยในการตั้งค่า ซึ่งเป็นเหตุผลว่าทำไมคอนโซลของเบราว์เซอร์จึงดีกว่ามาก