จะส่งคำขอ HTTP POST จาก Firefox หรือ Chrome ด้วยตนเองได้อย่างไร


1033

ฉันต้องการทดสอบ URL บางรายการในเว็บแอปพลิเคชันที่ฉันทำงานอยู่ สำหรับสิ่งที่ฉันต้องการสร้างคำขอ HTTP POST ด้วยตนเอง (หมายถึงฉันสามารถเพิ่มพารามิเตอร์ใด ๆ ที่ฉันชอบ)

มีส่วนขยายหรือฟังก์ชันการทำงานใน Chrome และ / หรือ Firefox ที่ฉันขาดหายไปหรือไม่


1
DHC by Restlet (มีอยู่ใน Chrome Webstore) ก็มีประโยชน์เช่นกัน
Devesh Khandelwal

10
โทร AJAX ในคอนโซล Chrome ไม่จำเป็นต้องมีส่วนขยาย นี่เป็นวิธีที่ดีในการส่งคำขอ POST โดยไม่จำเป็นต้องหยิบคุกกี้การตรวจสอบสิทธิ์ $.post('/resource/path/')
FearlessFuture

11
ในขณะที่การเพิ่มเป็นสิ่งจำเป็นปิดคือ niitpicking เรื่องไร้สาระ เขากำลังขอฟังก์ชั่นใน chrome หรือ firefox หรือถ้าจำเป็นต้องมีปลั๊กอิน ว่ามันอาจจะต้องมีปลั๊กอินที่ไม่ได้ระบุหรือไม่ระบุนั้นไม่ใช่ประเด็น
Shayne

26
โพสต์ถูกปิดอย่างไม่ถูกต้อง มันไม่ได้ขอเครื่องมือ แต่สำหรับฟังก์ชั่นในเครื่องมือที่ผู้เขียนใช้งานอยู่แล้ว ด้วยวิธีนี้เราต้องปิดคำถามทั้งหมดเกี่ยวกับวิธีการทำเช่นนี้หรือในเครื่องมือบางอย่าง - และมันจะดีในสิบของ SO
Gangnus

8
ฉันสังเกตเห็นคุณลักษณะนี้ในFirefoxเมื่อคุณเปิดแท็บเครือข่ายและเลือกคำขอแบบสุ่มEdit and Resendซึ่งทำได้ค่อนข้างดี
jurl

คำตอบ:


1837

ฉันได้สร้างแอป Chrome ชื่อบุรุษไปรษณีย์สำหรับเนื้อหาประเภทนี้ ส่วนขยายอื่น ๆ ทั้งหมดดูเหมือนจะค่อนข้างเก่าดังนั้นฉันจึงเป็นของตัวเอง นอกจากนี้ยังมีคุณสมบัติอื่น ๆ ที่เป็นประโยชน์สำหรับการบันทึกเอกสาร API ของเราเองที่นี่


บุรุษไปรษณีย์ตอนนี้ยังมีแอพพื้นฐาน (เช่นสแตนด์อโลน) สำหรับ Windows, Mac และ Linux! เป็นที่นิยมมากในขณะนี้ที่จะใช้แอพพลิเคพื้นเมืองอ่านรายละเอียดเพิ่มเติมที่นี่


1
มีความตั้งใจที่จะโอนย้ายสิ่งนี้ไปยัง Firefox หรือไม่ (หรืออะไรอื่นนอกจาก Chrome)
Oli

1
ใช่. มันใช้งานได้กับ URL ของ localhost ไม่เป็นไร
Abhinav

4
เมื่อใช้ POST ในบุรุษไปรษณีย์เพิ่มคีย์และค่าของคุณกับร่างกายเมื่อเลือก x-www-form-urlencoded @ Abhivav ฉันแค่อยากจะบอกว่าขอบคุณสำหรับการใช้งานที่ยอดเยี่ยม ทำงานได้ดีจริงๆเมื่อทดสอบ RESTful
เดวิด

1
ตรวจสอบให้แน่ใจว่าติดตั้งปลั๊กอิน Interceptor ของ Postman ด้วยหากคุณต้องการใช้คุกกี้เซสชันของเบราว์เซอร์
GP cyborg

1
ฉันดีใจที่ได้อ่านบทความนี้หลังจาก 9 ปีและคิดว่าบุรุษไปรษณีย์กลายเป็นส่วนสำคัญของชีวิตนักพัฒนาได้อย่างไร ขอบคุณ @Abhinav และทีมที่พัฒนามัน
Santhosh K Thadka

330

CURLนั้นยอดเยี่ยมมากในการทำสิ่งที่คุณต้องการ! มันเป็นเครื่องมือบรรทัดคำสั่งที่เรียบง่าย แต่มีประสิทธิภาพ

ส่วนที่เหลือคำสั่งทดสอบการใช้งาน:

curl -i -X GET http://rest-api.io/items
curl -i -X GET http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X DELETE http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X POST -H 'Content-Type: application/json' -d '{"name": "New item", "year": "2009"}' http://rest-api.io/items
curl -i -X PUT -H 'Content-Type: application/json' -d '{"name": "Updated item", "year": "2010"}' http://rest-api.io/items/5069b47aa892630aae059584

36
ฉัน upvoting นี้แม้ว่ามันจะเป็นคำตอบที่ผิดสำหรับคำถาม: มันเป็นสิ่งที่ฉันจำเป็นต้องรู้แทน
จิม Pivarski

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

สิ่งนี้ใช้ไม่ได้สำหรับฉันฉันไม่สามารถใช้เครื่องหมายคำพูดเดี่ยวบน OSX ด้วย zsh และ bash ได้เชลล์กำลังเปลี่ยนเป็นquote>โหมด ฉันต้องการใช้-d "{\"..
Daniel W.

193

Firefox

เปิดแผงเครือข่ายในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์โดยกดCtrl+Shift+Eหรือไปที่เมนูแถบเครื่องมือเครื่องมือนักพัฒนาเว็บเครือข่าย จากนั้นคลิกที่ไอคอนประตูขนาดเล็กด้านบนขวา (ในรูปแบบขยายในภาพหน้าจอคุณจะพบว่ามันอยู่ด้านซ้ายของส่วนหัวที่ไฮไลต์) แถวที่สอง (ถ้าคุณไม่เห็นมันแล้วโหลดหน้า) -> แก้ไขและ ส่งคำขอใดก็ได้ที่คุณต้องการ

เครื่องมือ Firefox Dev พร้อมปุ่ม "แก้ไขและส่งซ้ำ" ถูกเน้น

เนื้อความคำขอ POST ถูกเน้น


2
คุณลักษณะนี้ใช้งานไม่ได้สำหรับทุกคนหรือไม่ เมื่อแก้ไขพารามิเตอร์ในกล่อง "Query String" หลังจากแก้ไขอักขระเดียวก็ไม่ยอมเปลี่ยนแปลงคำขอใด ๆ เพิ่มเติม วิธีเดียวที่จะทำมากกว่านั้นคือการแก้ไข URL / คำขอทั้งหมด (ซึ่งเป็นเรื่องยากเพราะมันถูกบดบังด้วยกันทั้งหมด)
Coldblackice

@Coldblackice คุณสามารถโพสต์ภาพหน้าจอหรือบันทึกขั้นตอนปัญหาได้ไหม? ฉันสามารถแก้ไขสตริงข้อความค้นหาได้ดี หากต้องการเพิ่มสตริงข้อความค้นหาใหม่ฉันใช้ & = หรือเพิ่งเริ่มบรรทัดใหม่ หากต้องการแก้ไขเปลี่ยน k, v หรือฉันเพียงแค่ลบและเริ่มต้นใหม่
0fnt

หากคุณต้องการเขตข้อมูลสำหรับสตริงแบบสอบถาม ( ?key=value) ที่คุณสามารถป้อนคู่ค่าคีย์ทีละบรรทัดเพียงแค่ผนวก?และตัวอักษรไปยังURLเขตข้อมูลที่ด้านบนและQuery Stringฟิลด์จะปรากฏขึ้น
xuiqzy

1
นั่นคือคำตอบที่ถูกต้อง
Metehan Gülaç

162

ลืมเบราว์เซอร์และลองใช้ CLI HTTPieเป็นเครื่องมือที่ยอดเยี่ยม!

ป้อนคำอธิบายรูปภาพที่นี่

ไคลเอนต์ http ของCLI :

หากคุณยืนยันในส่วนขยายเบราว์เซอร์แล้ว:

Chrome :

Firefox :


1
นอกจากนี้ยังทดสอบทรัพยากรเพิ่มเติมaddons.mozilla.org/en-us/firefox/addon/http-resource-test
akostadinov

ผู้โพสต์อัปเดตล่าสุด 28/06/11 - อัปเดตสำหรับ Firefox หมายความว่าไม่มีทางที่จะเปิดตัวได้
Richard

@akostadinov ฉันไม่สามารถใช้การทดสอบทรัพยากร addon ใน mozilla เครื่องมือไม่ปรากฏ (แม้หลังจาก installaion และเริ่มต้นใหม่) ให้ฉันภายใต้เครื่องมือของนักพัฒนาซอฟต์แวร์ในรุ่นล่าสุดของ firefox
Ram

1
เพิ่งลองใช้ REST Easy ถอนการติดตั้งทันที: อินเทอร์เฟซทำมือจับมากเกินไปและบังคับให้ผู้ใช้เข้าสู่กรณีการใช้งานที่เข้มงวด ไม่ดีสำหรับการพัฒนา API
7heo.tk

พยายามทุกแนะนำข้างต้นสำหรับ Firefox แต่ไม่พบอะไรสะดวกเท่าPostman สำหรับ Chrome ส่วนที่เหลือง่ายโดยวิธีการที่ไม่จัดการกับการตอบสนองที่ว่างเปล่า
Lu55

45

หลังจากได้รับแรงบันดาลใจอย่างมากจากบุรุษไปรษณีย์สำหรับ Chromeฉันตัดสินใจที่จะเขียนสิ่งที่คล้ายกับ Firefox

REST Easy * เป็นโปรแกรมเสริม Firefox ที่ไม่ต้องรีสตาร์ทซึ่งมีจุดประสงค์เพื่อให้การควบคุมมากที่สุดเท่าที่เป็นไปได้สำหรับการร้องขอ ส่วนเสริมยังอยู่ในสถานะทดลอง(ยังไม่ได้รับการตรวจสอบโดย Mozilla)แต่การพัฒนาก็กำลังดำเนินไปอย่างสวยงาม

โครงการเป็นโอเพ่นซอร์สดังนั้นหากใครรู้สึกว่าถูกบังคับให้ช่วยพัฒนานั่นจะยอดเยี่ยม: https://github.com/nathan-osman/Rest-Easy

* ส่วนเสริมที่มีอยู่จากhttp://addons.mozilla.orgจะอยู่ด้านหลังรหัสเล็กน้อยบน GitHub เสมอ


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

การสนับสนุนวางและลบจะชนะฉันมากกว่า ดูดีเป็นอย่างอื่น
Dennis

1
@Pacerier: เป็นคุณลักษณะที่ฉันกำลังดำเนินการอยู่และกำลังจะเสร็จสมบูรณ์ประมาณ 90% หวังว่าจะเปิดตัวก่อนสิ้นปีนี้ ดูเหมือนจะมีงานในมือที่ได้รับการอนุมัติจาก addons โดย Mozilla
Nathan Osman

2
หลังจากผ่านไปหนึ่งเดือนของการรอรุ่นใหม่ได้รับการอนุมัติ การสนับสนุน PUT และ DELETE มาถึงแล้ว! และในเดือนนั้นฉันได้ทำการเปลี่ยนแปลงใหม่ ๆ มากมายที่จะปรากฏขึ้นในไม่ช้าในรุ่นถัดไป (หวังว่าจะได้รับการอนุมัติเร็วกว่านี้ในเวลานี้)
นาธานออสมัน

2
ที่ไม่สามารถใช้ได้อีกต่อไปตามที่ดูเหมือน (น่าจะไม่ใช่ WebExtension และเข้ากันไม่ได้กับ Firefox> = 57) ปัญหานี้ได้รับการติดตามที่นี่: github.com/nathan-osman/REST-Easy/issues/78
rugk

18

คุณขอเฉพาะ "ส่วนขยายหรือฟังก์ชันการทำงานใน Chrome และ / หรือ Firefox" ซึ่งคำตอบที่คุณได้รับแล้ว แต่ฉันชอบความเรียบง่ายของคำตอบของ oezi สำหรับคำถามปิด "วิธีส่งคำขอโพสต์ด้วยเว็บเบราว์เซอร์"สำหรับพารามิเตอร์อย่างง่าย oezi พูดว่า:

ด้วยแบบฟอร์มเพียงตั้งค่าmethodเป็น"post"

<form action="blah.php" method="post">
  <input type="text" name="data" value="mydata" />
  <input type="submit" />
</form>

เช่นสร้างหน้าง่าย ๆ เพื่อทดสอบการโพสต์


16

มันค่อนข้างน่าเกลียด แต่มีSimple REST Client extension สำหรับ Chrome

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


อย่าคิดว่ามีสิ่งนี้อีกแล้ว
zeusstl

1
ใช่ลิงก์ไม่สามารถใช้งานได้อีกต่อไปและลิงก์ใหม่ควรเป็นchrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov

@RumenJekov " Advanced REST Client" ดูเหมือนจะเป็นผลิตภัณฑ์ที่แตกต่างกัน (และทำให้คำตอบที่แตกต่าง) กว่า " Simple REST Client"
TylerH



3

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


3

ลอง Runscope เป็นเครื่องมือฟรีสุ่มตัวอย่างบริการของพวกเขามีให้ที่https://www.hurl.it/ คุณสามารถตั้งค่าวิธีการตรวจสอบความถูกต้องส่วนหัวพารามิเตอร์และเนื้อหา การตอบสนองแสดงรหัสสถานะส่วนหัวและร่างกาย ร่างกายการตอบสนองสามารถจัดรูปแบบจาก JSON ด้วยการสืบทอดแบบยุบได้ บัญชีที่ชำระเงินสามารถทำการทดสอบการโทร API โดยอัตโนมัติและใช้ข้อมูลส่งคืนเพื่อสร้างการโทรทดสอบใหม่ การเปิดเผย COI: ฉันไม่มีความสัมพันธ์กับ Runscope


มีเทียร์ฟรีสำหรับ Runscope ด้วยเช่นกันมันมีข้อ จำกัด ต่ำกว่าต่อเดือนและมีสมาชิกในทีมเพียง 1 คนเท่านั้น การเปิดเผยข้อมูล: ฉันทำ :-)
Darrel Miller

2

ตรวจสอบhttp-toolfirefox ..

https://addons.mozilla.org/en-US/firefox/addon/http-tool/

Aimed at web developers who need to debug HTTP requests and responses.
Can be extremely useful while developing REST based api.

Features:
* GET
* HEAD
* POST
* PUT
* DELETE

Add header(s) to request.
Add body content to request.

View header(s) in response.
View body content in response.
View status code of response.
View status text of response.

2
ไม่สามารถใช้งานได้อีกต่อไปตามที่ปรากฏ (น่าจะไม่ใช่ WebExtension ดังนั้นจึงไม่สามารถทำงานร่วมกับ Firefox> = 57 ได้)
rugk
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.