Làm cách nào để gửi thủ công các yêu cầu POST HTTP từ trình duyệt Firefox hoặc Chrome?


1034

Tôi muốn kiểm tra một số URL trên ứng dụng web tôi đang làm việc. Vì vậy, tôi muốn tự tạo các yêu cầu POST HTTP (có nghĩa là tôi có thể thêm bất kỳ tham số nào tôi muốn).

Có bất kỳ tiện ích mở rộng hoặc chức năng nào trong Chrome và / hoặc Firefox mà tôi đang thiếu không?


1
DHC by Restlet (có sẵn trên Chrome Webstore) cũng khá hữu ích.
Devesh Khandelwal

10
Thực hiện cuộc gọi AJAX trong bảng điều khiển Chrome. Không cần gia hạn. Đây là một cách tốt để thực hiện các yêu cầu POST mà không cần lấy cookie xác thực. $.post('/resource/path/')
FearlessFuture

11
Trong khi một bổ sung là cần thiết, đóng là vô nghĩa. Anh ta yêu cầu chức năng trong chrome hoặc firefox, hoặc nếu nó cần một plugin. Rằng nó có thể yêu cầu một plugin được chỉ định hoặc không xác định không phải là vấn đề
Shayne

26
Bài viết được đóng không chính xác. Nó không yêu cầu một công cụ, nhưng về chức năng trong các công cụ mà tác giả đã làm việc với. Bằng cách này, chúng tôi phải đóng tất cả các câu hỏi về cách thực hiện điều này hoặc điều đó trên một số công cụ - và nó sẽ là một phần mười của SO.
Gangnus

8
Tôi nhận thấy tính năng này trên Firefox khi bạn mở tab mạng và chọn một yêu cầu ngẫu nhiên, bạn có thể Edit and Resendthấy nó khá tuyệt.
judl 26/03/18

Câu trả lời:


1837

Tôi đã tạo một ứng dụng Chrome có tên Postman cho loại công cụ này. Tất cả các phần mở rộng khác có vẻ hơi cũ nên đã làm cho riêng tôi. Nó cũng có một loạt các tính năng khác hữu ích cho việc ghi lại API của chúng ta ở đây.


Postman hiện cũng có các ứng dụng gốc (tức là độc lập) cho Windows, Mac và Linux! Bây giờ tốt hơn là sử dụng các ứng dụng gốc, đọc thêm ở đây .


1
Bạn có ý định chuyển cái này sang Firefox không? (Hoặc bất cứ thứ gì khác ngoài chrome)
Oli

1
Vâng. Nó hoạt động cho các URL localhost tốt.
Abhinav

4
Khi sử dụng POST trong Postman, hãy thêm các khóa và giá trị của bạn vào phần thân sau khi x-www-form-urlencoding được chọn. @Abhivav Tôi chỉ muốn nói cảm ơn vì ứng dụng tuyệt vời này. Hoạt động thực sự tốt khi thử nghiệm RESTful.
David

1
Đảm bảo cài đặt plugin chặn chặn Postman nếu bạn muốn sử dụng cookie, phiên của trình duyệt.
GP cyborg

1
Tôi vui mừng khi đọc bài đăng này sau 9 năm và nghĩ làm thế nào người đưa thư trở thành một phần không thể thiếu trong cuộc sống của các nhà phát triển. Cảm ơn @Abhinav và nhóm đã phát triển nó.
Santhosh K Thadka

330

CURL là TUYỆT VỜI để làm những gì bạn muốn! Đây là một công cụ dòng lệnh đơn giản nhưng hiệu quả.

Phần còn lại thực hiện các lệnh kiểm tra:

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
Tôi ủng hộ điều này mặc dù đó là một câu trả lời sai cho câu hỏi: thay vào đó là những gì tôi cần biết.
Jim Pivarski

8
Nó không phù hợp với toàn bộ mục đích, vì nó không thể đính kèm cookie đã được đặt trong trình duyệt. Ví dụ: bạn có thể muốn đăng nhập vào một trang web theo cách thủ công và sau đó gửi yêu cầu bài đăng. Với curl, đây sẽ là một nỗi đau lớn nếu quá trình đăng nhập được xử lý bằng nội dung javascript
Vic Seedoubleyew

Điều này không phù hợp với tôi, tôi không thể sử dụng các trích dẫn đơn trên OSX với zsh và bash, shell đang chuyển sang quote>chế độ. Tôi cần sử dụng-d "{\"..
Daniel W.

193

Firefox

Mở bảng điều khiển Mạng trong Công cụ dành cho nhà phát triển bằng cách nhấn Ctrl+Shift+Ehoặc bằng cách vào Menubar -> Công cụ -> Nhà phát triển web -> Mạng. Sau đó Nhấp vào biểu tượng cửa nhỏ ở trên cùng bên phải (ở dạng mở rộng trong ảnh chụp màn hình, bạn sẽ thấy nó ở bên trái của Tiêu đề được tô sáng), hàng thứ hai (nếu bạn không nhìn thấy thì hãy tải lại trang) -> Chỉnh sửa và gửi lại bất cứ yêu cầu nào bạn muốn

Firefox Dev Tools có nút "Chỉnh sửa và bực bội" được tô sáng

Phần thân yêu cầu POST được tô sáng


2
Là tính năng này bị hỏng cho bất cứ ai khác? Khi chỉnh sửa các tham số trong hộp "Chuỗi truy vấn", sau khi thay đổi một ký tự, nó sẽ từ chối thay đổi yêu cầu thêm nữa. Cách duy nhất để thực hiện điều đó là chỉnh sửa toàn bộ URL / yêu cầu (rất khó vì tất cả đều bị vấy bẩn)
Coldblackice

@Coldblackice Bạn có thể đăng ảnh chụp màn hình hoặc ghi bước vấn đề không? Tôi có thể chỉnh sửa chuỗi truy vấn tốt. Để thêm một chuỗi truy vấn mới, tôi sử dụng & = hoặc chỉ bắt đầu một dòng mới. Để chỉnh sửa, thay đổi cá nhân k, v hoặc tôi chỉ cần xóa và bắt đầu lại.
0fnt

Nếu bạn muốn một trường cho chuỗi truy vấn ( ?key=value) nơi bạn có thể nhập từng cặp giá trị khóa theo từng dòng, chỉ cần thêm một ?và một chữ cái vào URLtrường ở trên cùng và Query Stringtrường sẽ hiển thị.
xuiqzy

1
đó là câu trả lời đúng
Metehan Gülaç

162

Quên trình duyệt và thử CLI. HTTPie là công cụ tuyệt vời!

nhập mô tả hình ảnh ở đây

CLI http khách hàng:

Nếu bạn nhấn mạnh vào phần mở rộng trình duyệt thì:

Chrome :

Firefox :



Poster được cập nhật lần cuối 28/06/11 - cập nhật lên Firefox có nghĩa là không có cách nào để khởi chạy nó
Richard

@akostadinov Tôi không thể sử dụng addon kiểm tra tài nguyên trong mozilla, công cụ không xuất hiện (ngay cả sau khi cài đặt và khởi động lại) với tôi dưới các công cụ dành cho nhà phát triển trong phiên bản firefox mới nhất.
Ram

1
Chỉ cần thử REST Easy. Gỡ cài đặt tại chỗ: giao diện thực hiện quá nhiều thao tác cầm tay và buộc người dùng vào các trường hợp sử dụng cứng nhắc. Không tốt cho phát triển API.
7heo.tk

Đã thử tất cả các đề xuất ở trên cho Firefox nhưng không tìm thấy gì hữu ích như Postman cho Chrome . Nhân tiện, REST Easy không xử lý các phản hồi trống.
Lu55

45

Được Postman truyền cảm hứng rất nhiều cho Chrome , tôi quyết định viết một cái gì đó tương tự cho Firefox.

REST Easy * là một tiện ích Firefox không khởi động lại nhằm mục đích cung cấp nhiều quyền kiểm soát nhất có thể đối với các yêu cầu. Tiện ích bổ sung vẫn ở trạng thái thử nghiệm (chưa được Mozilla xem xét) nhưng quá trình phát triển đang tiến triển tốt đẹp.

Dự án là nguồn mở, vì vậy nếu bất cứ ai cảm thấy bắt buộc phải giúp đỡ phát triển, điều đó thật tuyệt vời: https://github.com/nathan-osman/Rest- Easy

* tiện ích bổ sung có sẵn từ http://addons.mozilla.org sẽ luôn chậm hơn một chút so với mã có sẵn trên GitHub


2
Có vẻ tốt, nhưng thiếu khả năng kiểm soát cơ thể yêu cầu đầy đủ. Hiện tại, nó cung cấp các khả năng chính / giá trị, nhưng toàn quyền kiểm soát phần thân bài sẽ tốt.
galmok

Hỗ trợ PUT và DELETE sẽ giúp tôi vượt qua. Có vẻ tốt.
Dennis

1
@Pacerier: đó là một tính năng tôi hiện đang làm việc và đã hoàn thành khoảng 90%. Hy vọng nó sẽ được phát hành trước cuối năm nay. Dường như có một tồn đọng nhận được addons được phê duyệt bởi Mozilla.
Nathan Osman

2
Sau hơn một tháng chờ đợi, phiên bản mới đã được phê duyệt. Hỗ trợ PUT và DELETE đã đến! Và trong tháng đó, tôi cũng đã thực hiện một loạt các thay đổi mới khác sẽ sớm xuất hiện trong phiên bản tiếp theo. (Hy vọng rằng nó sẽ được chấp thuận sớm hơn lần này.)
Nathan Osman

2
Điều đó không còn nữa, vì có vẻ như vậy. (Nó có thể không phải là một WebExtension và do đó không tương thích với Firefox> = 57.) Vấn đề này được theo dõi ở đây: github.com/nathan-osman/REST-Easy/issues/78
rugk

18

Bạn đặc biệt yêu cầu "tiện ích mở rộng hoặc chức năng trong Chrome và / hoặc Firefox", câu trả lời bạn đã nhận được cung cấp, nhưng tôi thích sự đơn giản của câu trả lời của oezi cho câu hỏi đóng "làm thế nào để gửi yêu cầu bài đăng với trình duyệt web" cho các tham số đơn giản. oezi nói:

với một hình thức, chỉ cần đặt methodthành"post"

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

Tức là xây dựng cho mình một trang rất đơn giản để kiểm tra các hành động bài.


16

Hơi xấu một chút, nhưng có phần mở rộng Simple REST Client cho Chrome.

Nó hoạt động rất tốt đối với tôi - hãy nhớ rằng bạn vẫn có thể sử dụng trình gỡ lỗi với nó. Cửa sổ Mạng đặc biệt hữu ích; nó sẽ cung cấp cho bạn các đối tượng JSON và các trang lỗi.


Đừng nghĩ điều này tồn tại nữa.
zeusstl

1
Có, liên kết không còn khả dụng nữa và liên kết mới phải là chrome.google.com/webstore/detail/advified-rest-client/ mẹo
Rumen Jekov

@RumenJekov " Advanced REST Client" có vẻ như là một sản phẩm khác (và do đó là một câu trả lời khác) so với " Client REST đơn giản "
TylerH



3

Bạn cũng có thể sử dụng Watir hoặc Watin để tự động hóa trình duyệt. Watir được viết cho ruby ​​và Watin dành cho các ngôn ngữ .Net. Không chắc chắn nếu đó là những gì bạn đang tìm kiếm mặc dù.


3

Hãy thử Runscope. Một công cụ miễn phí lấy mẫu dịch vụ của họ được cung cấp tại https://www.hurl.it/ . Bạn có thể đặt phương thức, xác thực, tiêu đề, tham số và phần thân. Phản hồi hiển thị mã trạng thái, tiêu đề và cơ thể. Phần thân phản hồi có thể được định dạng từ JSON với chế độ thừa kế có thể thu gọn. Tài khoản trả phí có thể tự động hóa các cuộc gọi API thử nghiệm và sử dụng dữ liệu trả về để xây dựng các cuộc gọi thử nghiệm mới. Tiết lộ COI: Tôi không có mối quan hệ nào với Runscope.


Có một cấp miễn phí cho Runscope, nó chỉ có giới hạn yêu cầu mỗi tháng thấp hơn và chỉ có 1 thành viên trong nhóm. Tiết lộ: Tôi làm :-)
Darrel Miller

2

Kiểm tra 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
Điều đó không còn nữa, vì có vẻ như vậy. (Nó có thể không phải là WebExtension và do đó không tương thích với Firefox> = 57.)
rugk
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.