![](http://www.somkiat.cc/wp-content/uploads/2023/08/chrome-mock-api.jpg)
ใน Google Chrome 117 นั้น ทำการเพิ่มความสามารถใน DevTool เยอะเลย
หนึ่งในนั้นคือ การ override content ของ XHR/fetch request ได้
นั้นหมายความว่า สามารถทำการ mock api ต่าง ๆ
ที่เรียกจาก web browser ออกไปได้
โดยจะสามารถ override content ต่าง ๆ ได้ดังนี้
- XHR/Fetch
- Image
- Font
- Script ต่าง ๆ เช่น JS และ CSS เป็นต้น
- HTML
การใช้งานเบื้องต้นเป็นดังนี้
ทำการ inspect ดูในส่วนของ network
![](http://www.somkiat.cc/wp-content/uploads/2023/08/Screenshot-2566-08-17-at-18.46.51-939x1024.png)
จากนั้นทำการ allow permission ใน browser ให้สามารถ access ไปยัง disk ของเครื่อง
เพื่อทำการบันทึกการ override
![](http://www.somkiat.cc/wp-content/uploads/2023/08/Screenshot-2566-08-17-at-18.54.05-1024x375.png)
สุดท้ายลองreload ใหม่ จะแสดงผลการเข้าส่วนที่ override ไว้ดังนี้
![](http://www.somkiat.cc/wp-content/uploads/2023/08/Screenshot-2566-08-17-at-18.55.16-1024x516.png)
เท่านี้ก็ใช้งานได้แล้ว ง่ายมาก ๆ
ลอง Download ไปใช้กันดูครับ