← กลับไปยังคุณสมบัติ
Pro

Request Mocker

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

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

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

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

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

ตัวอย่างสด
app.example.com
Request Mocker กฎ 3 ข้อที่ใช้งานอยู่ในแท็บนี้
กฎใหม่
การตอบสนองเยาะเย้ย GET /api/orders
สถานะ 500 ล่าช้า นางสาว 1200 เพิ่มกฎ
กฎ
ล้อเลียน GET /api/orders → 500 7 ●
ปิดกั้น ANY analytics.vendor.com/* ●
ส่วนหัว ANY /api/* → Cache-Control: no-store ●
การตอบสนองเยาะเย้ยทำหน้าที่
GET 500 /api/orders?page=1 · fetch · 14:22:07
GET 500 /api/orders?page=2 · fetch · 14:22:11
คุณสมบัติหลัก

บล็อกคำขอใด ๆ

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

เขียนส่วนหัวใหม่ได้ทันที

ตั้งค่าหรือลบส่วนหัวคำขอและการตอบกลับ — เพิ่มส่วนหัวการอนุญาต บังคับใช้ Cache-Control: no-store หรือตัดส่วนหัวเพื่อดูว่ามีอะไรเสียหาย — โดยไม่ต้องเปลี่ยนเซิร์ฟเวอร์ใดๆ

ส่งคืนคำตอบของคุณเอง

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

จำลองข้อผิดพลาดและเครือข่ายที่ช้า

ส่งคืน 500, 429 หรือ 404 ตามความต้องการ และเพิ่มความล่าช้าเป็นมิลลิวินาทีเพื่อระงับการตอบสนอง เพื่อให้สามารถทดสอบสถานะการโหลด สปินเนอร์ และการจัดการการหมดเวลาได้อย่างเหมาะสม

การจับคู่สตริงย่อยหรือไวด์การ์ด

จับคู่อย่างหลวมๆ กับส่วนย่อย เช่น /api/users หรือจับคู่อย่างเจาะจงกับไวด์การ์ด เช่น *.example.com/v1/* และจำกัดขอบเขตกฎให้เหลือเพียงวิธี HTTP เดียว

บันทึกต่อไซต์ ล้างเมื่อออก

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

กรณีการใช้งานทั่วไป

ทดสอบสถานะว่าง

ส่งกลับอาร์เรย์ว่างสำหรับจุดสิ้นสุดรายการและดูว่า UI ของคุณแสดงสถานะว่างที่เหมาะสมหรือแผงว่างที่ดูอึดอัด

บังคับให้เรียกใช้การจัดการข้อผิดพลาด

ทำให้จุดสิ้นสุดส่งคืน 500 หรือ 429 ตามความต้องการเพื่อตรวจสอบว่าแบนเนอร์ลองใหม่ โทสต์ และสำเนาทางเลือกทั้งหมดปรากฏขึ้นจริงหรือไม่

สร้างเทียบกับ API ที่ยังไม่มีอยู่

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

การวินิจฉัยสคริปต์ของบุคคลที่สาม

บล็อกการวิเคราะห์ แชท หรือสคริปต์โฆษณาเพื่อยืนยันว่าเป็นสิ่งที่ทำให้เพจช้าลงหรือทำให้เลย์เอาต์พัง

ตรวจสอบพฤติกรรมเครือข่ายที่ช้า

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

วิธีใช้งาน
1

เปิด Request Mocker

คลิกไอคอน Request Mocker ใน Dock DevSuite Pro แผงจะเปิดขึ้นโดยมีแบบฟอร์มกฎอยู่ด้านบนและกฎที่คุณบันทึกไว้สำหรับไซต์นี้อยู่ด้านล่าง

2

เลือกสิ่งที่ควรเกิดขึ้น

เลือกบล็อกคำขอ แก้ไขส่วนหัว หรือจำลองการตอบสนอง และเลือกที่จะจำกัดกฎให้เหลือเพียงวิธีเดียว เช่น POST

3

บอกว่า URL ใดที่จะจับคู่

ป้อนสตริงย่อย เช่น /api/users หรือใช้ไวด์การ์ด เช่น *.example.com/v1/* เลือกว่ากฎครอบคลุมเฉพาะการดึงข้อมูลและการเรียก XHR หรือคำขอทุกประเภท

4

กรอกรายละเอียดและเพิ่ม

สำหรับส่วนหัว ให้เขียนหนึ่งรายการต่อบรรทัด — ชื่อ: ค่าที่จะตั้งค่า ชื่อ: ด้วยตัวเองเพื่อลบออก สำหรับการจำลอง ให้ตั้งค่าสถานะ ดีเลย์ ประเภทเนื้อหา และเนื้อหา คลิกเพิ่มกฎและจะมีผลทันที

5

ดูมันทำงานแล้วปิด

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

พร้อมที่จะลองหรือยัง?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 71 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox