Tarayıcımda yapılan bir XHR isteğini değiştirmenin ve sonra tekrar oynatmanın bir yolunu arıyorum. Diyelim ki tarayıcımda tam bir POST isteğim var ve değiştirmek istediğim tek şey küçük bir değer ve sonra tekrar oynat. Bu, doğrudan tarayıcıda yapılması çok daha kolay ve hızlı olacaktır.

Biraz google'landım ve bunu Chrome veya Firefox'ta yapmanın bir yolunu bulamadım. Bu tarayıcılardan birinde ya da başka bir tarayıcıda yapmanın bir yolu var mı?

Chrome:

• Devtools'un Ağ panelinde sağ tıklayın ve cURL olarak kopyala'yı seçin
• İsteği yapıştırın / düzenleyin ve ardından curlkomutu aldığınız varsayılarak bir terminalden gönderin

Yakalamaya bakın:

Alternatif olarak ve isteği bir web sayfası bağlamında göndermeniz gerektiğinde , "Getirme olarak kopyala" yı seçin ve içeriği javascript konsol panelinden düzenleyin ve gönderin.

Firefox:

Firefox, XHR'yi doğrudan Ağ panelinden düzenlemeye ve yeniden göndermeye izin verir. Aşağıdaki çekim Firefox 36'dan alınmıştır:

Chrome'un artık 67 sürümünde Getirme olarak kopyala özelliği var :

Getirme olarak kopyala

Bir ağ isteğine sağ tıklayın ve ardından bu isteğe ilişkin eşdeğer kodu panonuza kopyalamak için Kopyala> Getirme Gibi Kopyala'yı seçin fetch().

https://developers.google.com/web/updates/2018/04/devtools#fetch

Örnek çıktı:

fetch("https://stackoverflow.com/posts/validate-body", {
  credentials: "include",
  headers: {},
  referrer: "https://stackoverflow.com/",
  referrerPolicy: "origin",
  body:
    "body=Chrome+now+has+_Copy+as+fetch_+in+version+67%3A%0A%0A%3E+Copy+as+fetch%0ARight-click+a+network+request+then+select+**Copy+%3E+Copy+As+Fetch**+to+copy+the+%60fetch()%60-equivalent+code+for+that+request+to+your+clipboard.%0A%0A&oldBody=&isQuestion=false",
  method: "POST",
  mode: "cors"
});

Aradaki fark, cURL Olarak Kopyala seçeneğinin tüm istek başlıklarını (Çerez ve Kabul Et gibi) içermesi ve isteği Chrome dışında yeniden yürütmek için uygun olmasıdır. fetch()Kod aynı tarayıcı içine yeniden oynatmak için uygundur.

İki önerim:

1. Chrome'un Postacı eklentisi + Postacı Durdurucu Eklentisi . Daha fazla bilgi: Postacı Yakalama Talepleri Dokümanlar

2. Windows'daysanız, Telerik'in Fiddler'ı bir seçenektir. Http isteklerini yeniden yürütmek için bir besteci seçeneği vardır ve ücretsizdir.

Zszep yanıtını güncelleme / tamamlama :

İsteği cUrl (bash) olarak kopyaladıktan sonra, yalnızca Postacı Uygulaması'na aktarın :

Firefox için sorun kendi kendine çözüldü. "Düzenle ve Yeniden Gönder" özelliği uygulanmıştır.

Chrome Tamper uzantısı için hile yapıyor gibi görünüyor.

5 yıl geçti ve bu temel gereksinim Chrome geliştiricileri tarafından göz ardı edilmedi.
Firefox'taki gibi verileri düzenlemek için hiçbir yöntem sunmasalar da, tam bir XHR tekrarını sunarlar.
Bu, ajax çağrılarının hata ayıklamasını sağlar. "Replay XHR" tüm aktarımı tekrarlar.

Yukarıda belirtildiği gibi bunu yapmanın birkaç yolu vardır, ancak benim deneyimime göre, bir XHR isteğini ve yeniden göndermeyi değiştirmenin en iyi yolu, isteği cURL isteği olarak kopyalamak için krom dev araçlarını kullanmaktır (ağ sekmesindeki isteğe sağ tıklayın) ) ve yalnızca Postacı uygulamasına aktarma (sol üstteki dev içe aktarma düğmesi).

3. taraf uzantıları yüklemenize gerek yok!

Tarayıcı yer imi olarak ekleyebileceğiniz ve daha sonra istekleri izlemek ve değiştirmek için herhangi bir sitede etkinleştirebileceğiniz javascript-snippet'i vardır . Şöyle görünüyor:

Daha fazla talimat için github sayfasını inceleyin.