Chrome Geliştirici araçlarını kullanarak HTTP İstekleri yapma

POSTER gibi bir eklenti kullanmadan Chrome Geliştirici araçlarını kullanarak HTTP isteği yapmanın bir yolu var mı?

Yana getir API Chrome (ve çoğu diğer tarayıcılar) tarafından desteklenen, oldukça kolay HTTP devtools konsoldan istekleri yapmak şimdi.

To GET örneğin bir JSON dosyası:

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(res => res.json())
  .then(console.log)

Veya yeni bir kaynak GÖNDERMEK için:

fetch('https://jsonplaceholder.typicode.com/posts', {
  method: 'POST',
  body: JSON.stringify({
    title: 'foo',
    body: 'bar',
    userId: 1
  }),
  headers: {
    'Content-type': 'application/json; charset=UTF-8'
  }
})
.then(res => res.json())
.then(console.log)

Chrome Devtools aslında yeni eşzamansız / bekliyor sözdizimini de destekliyor (normalde yalnızca normalde bir eşzamansız işlev içinde kullanılabilse de):

const response = await fetch('https://jsonplaceholder.typicode.com/posts/1')
console.log(await response.json())

İsteklerinizin tarayıcıdaki diğer HTTP isteklerinde olduğu gibi aynı köken politikasına tabi olacağına dikkat edin , bu nedenle ya çapraz kaynak isteklerinden kaçının ya da sunucunun isteğinize izin veren CORS başlıklarını ayarladığından emin olun.

Bir eklenti kullanma (eski yanıt)

Daha önce yayınlanan önerilere ek olarak , Chrome için Postman eklentisinin çok iyi çalıştığını gördüm . Üstbilgileri ve URL parametrelerini ayarlamanıza, HTTP kimlik doğrulamasını kullanmanıza, sık sık yürüttüğünüz isteği kaydetmenize vb.

Chrome Geliştirici Araçları'nın Ağ sekmesinde yakaladığınız bir isteği düzenlemek ve yeniden göndermek istiyorsanız:

• Nameİsteğin üzerine sağ tıklayın
• seçmek Copy > Copy as cURL
• Komut satırına yapıştırma (komut çerezleri ve başlıkları içerir)
• İsteği gerektiği gibi düzenleyin ve çalıştırın

Biliyorum, eski yazı ... ama bunu burada bırakmak yardımcı olabilir.

Modern tarayıcılar artık Getirme API'sını destekliyor .

Bu şekilde kullanabilirsiniz:

fetch("<url>")
    .then(data => data.json()) // could be .text() or .blob() depending on the data you are expecting
    .then(console.log); // print your data

ps: Geliştirilmiş olduğu için tüm CORS kontrollerini yapacak XmlHttpRequest.

Web sayfanızda sayfanızda jquery varsa, bunu krom geliştiricileri konsolunda yazabilirsiniz:

$.get(
    "somepage.php",
    {paramOne : 1, paramX : 'abc'},
    function(data) {
       alert('page content: ' + data);
    }
);

Bunu yapmanın jquery yolu!

@Dhfsk cevabını genişletiyor

İşte iş akışım

1. Chrome DevTools'tan, değiştirmek istediğiniz isteği sağ tıklayın> Copy as cURL

2. Postacıyı Aç

3. ImportSol üst köşeyi tıklayın ve ardındanPaste Raw Text

Aynı alan adından bir POST yapmak istiyorsanız, Geliştirici araçlarını kullanarak her zaman DOM'a bir form ekleyebilir ve şunları gönderebilirsiniz:

Yukarıdaki cevapların ikisini bir araya getirmede en iyi şansım oldu. Chrome'daki siteye gidin, ardından DevTools'un Ağ sekmesinde isteği bulun. İsteği ve Kopyala'yı sağ tıklatın, ancak cURL yerine getirme olarak kopyala . Getirme kodunu komut satırını kullanmak yerine doğrudan DevTools konsoluna yapıştırabilir ve düzenleyebilirsiniz.

Başlıkları olan istekleri almak için bu biçimi kullanın.

   fetch('http://example.com', {
      method: 'GET',
      headers: new Headers({
               'Content-Type': 'application/json',
               'someheader': 'headervalue'
               })
    })
    .then(res => res.json())
    .then(console.log)

web sitenizde jquery kullanıyorsanız, konsolunuzda böyle bir şey kullanabilirsiniz

$.post(
    'dom/data-home.php',
    {
    type : "home", id : "0"
    },function(data){
        console.log(data)
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

Basit tutmak, isteğin zaten bakmakta olduğunuz sayfayla aynı tarama bağlamını kullanmasını istiyorsanız, Chrome konsolunda şunları yapın:

window.location="https://www.example.com";