Firefox veya Chrome tarayıcıdan manuel olarak HTTP POST istekleri nasıl gönderilir?


1033

Üzerinde çalıştığım bir web uygulamasında bazı URL'leri test etmek istiyorum. Bunun için el ile HTTP POST istekleri oluşturmak istiyorum (yani ne gibi parametreler ekleyebilirsiniz).

Chrome ve / veya Firefox'ta eksik olduğum bir uzantı veya işlev var mı?


1
Restlet tarafından DHC (Chrome Web Mağazası'nda mevcuttur) de oldukça kullanışlıdır.
Devesh Khandelwal

10
Chrome konsolunda AJAX çağrısı yapın. Uzatma gerekmez. Bu, kimlik doğrulama çerezlerini almanıza gerek kalmadan POST istekleri yapmanın iyi bir yoludur. $.post('/resource/path/')
FearlessFuture

11
Bir eklenti gerekli olsa da, yakınlık saçmalıktır. Chrome veya firefox'ta işlevsellik istiyordu veya bir eklentiye ihtiyacı varsa. Belirtilen veya belirtilmeyen bir eklenti gerektirebileceği nokta değil
Shayne

26
Gönderi yanlış kapatıldı. Bir araç istemez, ancak yazarın üzerinde çalıştığı araçlarda bir işlevsellik ister. Bu şekilde, bunun ya da bazı araçlarda nasıl yapılacağı ile ilgili tüm soruları kapatmalıyız - ve SO'nun onda biri iyi olacak.
Gangnus

8
Ağ sekmesini açıp rastgele yapabileceğiniz rastgele bir istek seçtiğinizde Firefox'ta bu özelliği fark ettim . Edit and Resend
jurl

Yanıtlar:


1837

Bu tür şeyler için Postman adlı bir Chrome uygulaması yapıyorum . Diğer tüm uzantıları biraz tarihli gibi kendi yaptı. Ayrıca, burada kendi API'mızı belgelemek için yardımcı olan bir dizi başka özelliğe de sahiptir.


Postacı artık Windows, Mac ve Linux için yerel uygulamalara (bağımsız) da sahip ! Artık yerel uygulamaları kullanmak daha fazla tercih edilir, daha fazla bilgiyi buradan okuyun .


1
Bunu Firefox'a taşıma niyetiniz var mı? (Veya krom dışında bir şey)
Oli

1
Evet. Localhost URL'leri için iyi çalışır.
Abhinav

4
Postacı'da POST kullanırken, x-www-form-urlencoded seçildikten sonra anahtarlarınızı ve değerlerinizi Gövde'ye ekleyin. @Abhivav Sadece müthiş uygulama için teşekkür etmek istiyorum. RESTful'ı test ederken gerçekten iyi çalışıyor.
David

1
Tarayıcınızın çerezleri oturumunu kullanmak istiyorsanız Postman önleme eklentisini de yüklediğinizden emin olun.
GP cyborg

1
9 yıl sonra bu yazıyı okumaktan ve postacıların nasıl geliştiricilerin yaşamının ayrılmaz bir parçası haline geldiğini düşünmekten memnunum. @Abhinav ve ekibi geliştirdiği için teşekkürler.
Santhosh K Thadka

330

CURL istediğini yapmak için HARİKA! Basit ama etkili bir komut satırı aracıdır.

Kalan uygulama test komutları:

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
Sorunun yanlış bir cevabı olsa da bunu dile getiriyorum: bunun yerine bilmem gerek.
Jim Pivarski

8
Tüm amaca uymuyor, çünkü zaten bir tarayıcıda ayarlanmış çerezleri ekleyemiyor. Örneğin, bir web sitesinde el ile oturum açmak ve ardından bir gönderi isteği göndermek isteyebilirsiniz. Kıvrılma ile, giriş işlemi javascript sayfalarıyla
işlenirse

Bu benim için çalışmıyor, zsh ve bash ile OSX'te tek tırnak kullanamıyorum, kabuk quote>moda dönüyor . Kullanmam gerek-d "{\"..
Daniel W.

193

Firefox

Geliştirici panelinde Ağ panelini Ctrl+Shift+EMenubar -> Araçlar -> Web Geliştiricisi -> Ağ öğesine giderek açın. Ardından sağ üstteki küçük kapı simgesini tıklayın (ekran görüntüsünde genişletilmiş formda, vurgulanan Üstbilgilerin hemen solunda bulacaksınız), ikinci satır (görmüyorsanız sayfayı yeniden yükleyin) -> Düzenle ve ne istersen tekrar gönder

"Düzenle ve Yeniden Gönder" düğmesi vurgulanmış Firefox Geliştirici Araçları

POST istek gövdesi vurgulandı


2
Bu özellik başkaları için kırılmış mı? "Sorgu Dizesi" kutusundaki parametreleri düzenlerken, tek bir karakteri değiştirdikten sonra, isteği daha fazla değiştirmeyi reddeder. Bunun ötesinde yapmanın tek yolu, URL'nin / isteğin tamamını düzenlemek (bu, hepsi birlikte silindiği için zor)
Coldblackice

@Coldblackice Lütfen bir ekran görüntüsü veya sorun adımları kaydedicisi gönderebilir misiniz? Sorgu dizesini gayet iyi düzenleyebilirim. Yeni bir sorgu dizesi eklemek için ya = kullanıyorum ya da sadece yeni bir satır başlatıyorum. Düzenlemek için, tek tek k, v veya ben değiştirin ve sadece baştan başlayın.
0fnt

Sorgu dizesi ( ?key=value) için anahtar değer çiftlerini satır satır girebileceğiniz bir alan istiyorsanız , üstteki alana yalnızca bir ?ve bir harf ekleyin URLve Query Stringalan görünecektir.
xuiqzy

1
bu doğru cevap.
Metehan Gülaç

162

Tarayıcıyı unutun ve CLI'yı deneyin. HTTPie harika bir araçtır!

resim açıklamasını buraya girin

CLI http istemcileri:

Tarayıcı uzantısında ısrar ediyorsanız:

Chrome :

Firefox :



Poster son güncellenme tarihi 28/06/11 - Firefox'taki güncellemeler, başlatmanın bir yolu olmadığı anlamına gelir
Richard

@akostadinov Mozilla'da kaynak testi eklentisini kullanamıyorum araç firefox'un en son sürümünde geliştirici araçları altında bana (kurulum ve yeniden başlatmadan sonra bile) görünmüyor.
Ram

1
Sadece REST Easy denedim. Yerinde kurulmamış: Arayüz çok fazla el tutma özelliğine sahiptir ve kullanıcıyı katı kullanım durumlarına zorlar. API geliştirme için iyi değil.
7heo.tk

Yukarıda Firefox için önerilenlerin tümünü denedim, ancak Chrome için Postman kadar kullanışlı bir şey bulamadı . REST Kolay , bu arada, boş yanıtları ele almaz.
Lu55

45

Chrome için Postman'dan büyük ölçüde ilham alarak , Firefox için benzer bir şey yazmaya karar verdim.

REST Easy *, istekler üzerinde mümkün olduğunca fazla denetim sağlamayı amaçlayan yeniden başlatılmayan bir Firefox eklentisidir. Eklenti hala deneysel bir durumda (henüz Mozilla tarafından incelenmedi), ancak geliştirme iyi ilerliyor.

Proje açık kaynaklıdır, bu yüzden eğer birisi gelişime yardımcı olmak zorunda kalırsa, bu harika olurdu: https://github.com/nathan-osman/Rest-Easy

* http://addons.mozilla.org adresinden sunulan eklenti , GitHub'da bulunan kodun her zaman biraz gerisinde olacaktır


2
Güzel görünüyor, ancak istek gövdesini tamamen kontrol etme yeteneğinden yoksun. Şu anda, anahtar / değer yetenekleri sunuyor, ancak yazı gövdesinin tam kontrolü güzel olurdu.
Nisan'da galmok

PUT ve DELETE desteği beni kazanacaktı. Aksi halde iyi görünüyor.
Dennis

1
@Pacerier: Şu anda üzerinde çalıştığım ve yaklaşık% 90 oranında tamamladığım bir özellik. Umarım yıl sonundan önce yayınlanır. Mozilla tarafından onaylanan eklentileri alan bir birikmiş iş listesi var gibi görünüyor.
Nathan Osman

2
Bir aydan fazla bekledikten sonra yeni sürüm onaylandı. PUT ve DELETE desteği geldi! Ve o ay, bir sonraki sürümde yakında görünecek tonlarca başka değişiklik de yaptım. (Umarım bu sefer daha erken onaylanır.)
Nathan Osman

2
Göründüğü gibi artık mevcut değil. (Büyük olasılıkla bir WebExtension değildir ve bu nedenle Firefox> = 57 ile uyumlu değildir.) Bu sorun burada izlenir: github.com/nathan-osman/REST-Easy/issues/78
kilim

18

Özellikle "daha önce aldığınız yanıtların sağladığı Chrome ve / veya Firefox'ta uzantı veya işlevsellik" istediniz, ancak oezi'nin "bir web tarayıcısıyla bir posta isteği nasıl gönderileceği" kapalı sorusuna yanıtının basitliğini beğendim. basit parametreler için. oezi diyor:

Bir form ile sadece set methodiçin"post"

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

Gönderme işlemlerini test etmek için kendinize çok basit bir sayfa oluşturun.


16

Biraz çirkin, ancak Chrome için Basit REST İstemcisi uzantısı var.

Benim için harika çalışıyor - hala hata ayıklayıcıyı kullanabileceğinizi unutmayın. Ağ bölmesi özellikle kullanışlıdır; işlenmiş JSON nesnelerini ve hata sayfalarını verir.


Bunun artık var olduğunu düşünme.
zeusstl

1
Evet, bağlantı artık mevcut değil ve yeni bağlantı chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov

@RumenJekov " Gelişmiş REST İstemcisi", " Basit REST İstemcisi"
nden




3

Runscope'u deneyin. Hizmetlerini örnekleyen ücretsiz bir araç https://www.hurl.it/ adresinde sağlanır . Yöntemi, kimlik doğrulamasını, üstbilgileri, parametreleri ve gövdeyi ayarlayabilirsiniz. Yanıt, durum kodunu, başlıkları ve gövdeyi gösterir. Yanıt gövdesi, kapatılabilir bir heirarşi ile JSON'dan biçimlendirilebilir. Ücretli hesaplar test API çağrılarını otomatikleştirebilir ve yeni test çağrıları oluşturmak için iade verilerini kullanabilir. COI açıklaması: Runscope ile hiçbir ilişkim yok.


Runscope için de ücretsiz bir seviye var, ayda sadece daha düşük bir talep limiti ve sadece 1 ekip üyesi var. Açıklama: Yaparım :-)
Darrel Miller

2

http-toolFirefox'a göz atın ..

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
Göründüğü gibi artık mevcut değil. (Büyük olasılıkla bir WebExtension değildir ve bu nedenle Firefox> = 57 ile uyumlu değildir.)
kilim
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.