আমি কীভাবে ক্রোমে একটি HTTP পোষ্ট ডিবাগ করতে পারি?


196

আমি ক্রোমে প্রেরিত HTTP পোষ্ট ডেটা দেখতে চাই।

ডেটা এখন মেমরিতে রয়েছে এবং ফর্মটি পুনরায় জমা দেওয়ার ক্ষমতা আমার আছে।

আমি জানি যে আমি যদি সার্ভারটি পুনরায় জমা দিই তবে একটি ত্রুটি ছুঁড়ে যাবে, আমি কি ক্রোমের স্মৃতিতে থাকা ডেটা দেখতে পারি?


এখানে নেটওয়ার্ক ট্যাবে জিও করার জন্য একটি দুর্দান্ত ভিডিও-গিফের উদাহরণ রয়েছে: wpza.net/used-google-chrome-to-capture-post-data-in-wordpress
WPZA

উত্তর:


232
  1. Chrome বিকাশকারী সরঞ্জামগুলিতে যান (ক্রোম মেনু -> আরও সরঞ্জাম -> বিকাশকারী সরঞ্জাম)
  2. "নেটওয়ার্ক" ট্যাবটি চয়ন করুন
  3. আপনি যে পৃষ্ঠায় আছেন তা রিফ্রেশ করুন
  4. নেটওয়ার্ক কনসোল চলাকালীন ঘটে যাওয়া HTTP অনুসন্ধানগুলির তালিকা পাবেন। বামদিকে তাদের একটি নির্বাচন করুন
  5. "শিরোনাম" ট্যাবটি চয়ন করুন

ভাল খবর!

এখানে চিত্র বর্ণনা লিখুন


74
এটি GET, পোষ্ট নয়
QkiZ

7
এটি জিইটি এবং পোষ্ট উভয় অনুরোধকে ক্যাপচার করে, @ কিউইজেড
আলমোলো

48
দ্রষ্টব্য: আপনার পৃষ্ঠাকে পুনরায় লোড করে এমন একটি পোস্টের অনুরোধটি দেখার জন্য আপনাকে "সংরক্ষণ করুন লগ" চেক করতে হবে।
ব্রাইস গিন্টা

39
আমি এখানে অনুরোধ বডি মিস করছি? :-(
টিমো

3
ক্রোম 71-এ, "অনুরোধ পেইলোড" শিরোনামের অধীনে শিরোনাম ট্যাবটির নীচে শরীর (অর্থাত্ POST-ed ডেটা) প্রদর্শিত হবে।
এমএসসি

138

আপনি ক্রোম দেবটুলগুলি দিয়ে HTTP পোষ্ট অনুরোধগুলির জন্য ফিল্টার করতে পারেন । কেবল নিম্নলিখিতটি করুন:

  1. ক্রোম ডিভটুলগুলি খুলুন ( ম্যাকের উপর Cmd+ Opt+ I, Ctrl+ Shift+ Iবা F12উইন্ডোতে) এবং "নেটওয়ার্ক" ট্যাবে ক্লিক করুন
  2. "ফিল্টার" আইকনে ক্লিক করুন
  3. আপনার ফিল্টার পদ্ধতি প্রবেশ করান: method:POST
  4. আপনি যে অনুরোধটি ডিবাগ করতে চান তা নির্বাচন করুন
  5. আপনি ডিবাগ করতে চান এমন অনুরোধের বিশদটি দেখুন

স্ক্রিনশট

ক্রোম ডেভটুলগুলি

ক্রোম সংস্করণ 53 দিয়ে পরীক্ষিত।


1
ক্রোম 70 এ কাজ করেছেন using ব্যবহার করে ফিল্টারিং method:POSTখুব দরকারী
ব্যবহারকারী 1071847

14

আপনি পোষ্ট অনুরোধগুলির অনুরোধ পেওলড দেখতে Chrome এর ক্যানারি সংস্করণ ব্যবহার করতে পারেন ।

পেডলোডের অনুরোধ করুন


এ সম্পর্কে বা আরও পরিবর্তন করার জন্য এখানে কোনও লিঙ্ক রয়েছে? সম্পাদনা: আমার নিজের প্রশ্নের উত্তর দিয়েছেন। আপনি যদি ফেচ এপিআই ব্যবহার করছেন তবে ক্রোম ট্যাবে দেখানোর জন্য এই অনুরোধগুলি ক্যাপচার করছে না । স্পষ্টতই ক্যানারি হ'ল বা শীঘ্রই হবে।
virtualandy

6
এখন এটি ক্রোমের নিজস্ব স্ট্যান্ডার্ড বিল্ডগুলিতে উপলব্ধ!
নচিকেতা

5

অন্য যে বিকল্পটি কার্যকর হতে পারে তা হ'ল ডেডিকেটেড এইচটিটিপি ডিবাগিং সরঞ্জাম। কয়েকটি উপলব্ধ আছে, আমি HTTP টুলকিট পরামর্শ দিই suggest : নিজের জন্য একই সমস্যাটি সমাধান করার জন্য একটি ওপেন-সোর্স প্রকল্প যা আমি কাজ করছি (হ্যাঁ, আমি পক্ষপাতদুষ্ট হতে পারে))

মূল পার্থক্য হ'ল ব্যবহারযোগ্যতা এবং শক্তি। ক্রোম ডেভ সরঞ্জামগুলি সাধারণ জিনিসগুলির জন্য ভাল, এবং আমি সেখান থেকে শুরু করার পরামর্শ দিচ্ছি, তবে আপনি যদি সেখানকার তথ্য বোঝার জন্য লড়াই করছেন এবং আপনার আরও ব্যাখ্যা বা আরও শক্তির প্রয়োজন হয় তবে সঠিক ফোকাসযুক্ত সরঞ্জামগুলি কার্যকর হতে পারে!

এই ক্ষেত্রে, এটি আপনাকে একটি বন্ধুত্বপূর্ণ সম্পাদক এবং হাইলাইটিং (সমস্ত ভিএস কোড দ্বারা চালিত ) সহ আপনি যে পোষ্ট পোস্টটি খুঁজছেন তা আপনাকে প্রদর্শন করবে যাতে আপনি প্রায় খনন করতে পারেন। এটি অবশ্যই আপনাকে অনুরোধ এবং প্রতিক্রিয়া শিরোনাম দেবে, তবে প্রতিটি স্ট্যান্ডার্ড শিরোনাম এবং স্থিতি কোডের জন্য আপনি এমডিএন ( মোজিলা বিকাশকারী নেটওয়ার্ক ) এর থেকে ডক্সের মতো অতিরিক্ত তথ্যের সাথে পাবেন।

একটি ছবির মূল্য এক হাজার স্ট্যাকওভারফ্লো উত্তর:

এইচটিটিপি টুলকিটের একটি স্ক্রিনশট যা কোনও পোস্টের অনুরোধ এবং এর শরীর দেখায়


1
খুব প্রতিশ্রুতিবদ্ধ দেখায়, তবে আমার মেশিনে কিছু সমস্যা আছে, সেগুলি গিটহাবে পোস্ট করেছেন।
ইউজারলন্ড

0

অন্যান্য লোকেরা খুব সুন্দর উত্তর দিয়েছিল, তবে আমি একটি অতিরিক্ত বিকাশ সরঞ্জাম দিয়ে তাদের কাজটি সম্পূর্ণ করতে চাই। এটা তোলে বলা হয় লাইভ HTTP- র শিরোলেখ এবং আপনি এটি আপনার মধ্যে ইনস্টল করতে পারেন ফায়ারফক্স , এবং ক্রোম আমরা মত একই প্লাগ আছে এই

এটির সাথে কাজ করা সহজ it

  1. আপনার ফায়ারফক্স ব্যবহার করে, ওয়েবসাইটটিতে নেভিগেট করুন যা আপনি এটিতে আপনার পোস্টের অনুরোধ পেতে চান।

  2. আপনার ফায়ারফক্স মেনুতে-> লাইভ এইচটিটিপি শিরোনাম

  3. আপনার জন্য একটি নতুন উইন্ডো পপ আপস, এবং সমস্ত http পদ্ধতির বিবরণ আপনার জন্য এই উইন্ডোতে সংরক্ষণ করা হবে। এই পদক্ষেপে আপনার কিছু করার দরকার নেই।

  4. ওয়েবসাইটে, একটি ক্রিয়াকলাপ করুন (লগ ইন করুন, একটি ফর্ম জমা দিন, ইত্যাদি)

  5. উইন্ডোতে আপনার প্লাগ তাকান। এটি সব রেকর্ড করা হয়।

শুধু প্রয়োজন মনে রাখবেন পরীক্ষা ক্যাপচার

এখানে চিত্র বর্ণনা লিখুন


0

এটির একটি জটিল পরিস্থিতি রয়েছে: আপনি যদি কোনও পোস্ট ফর্ম জমা দেন তবে অনুরোধটি প্রেরণের জন্য Chrome একটি নতুন ট্যাব খুলবে। এটি এখন অবধি সঠিক, তবে এটি ফাইল (গুলি) ডাউনলোড করতে কোনও ইভেন্টকে ট্রিগার করলে এই ট্যাবটি তত্ক্ষণাত বন্ধ হয়ে যাবে যাতে আপনি এই সরঞ্জামটি ডিভাইসে ক্যাপচার করতে না পারেন।

সমাধান: পোস্ট ফর্ম জমা দেওয়ার আগে আপনাকে আপনার নেটওয়ার্কটি কেটে ফেলতে হবে , যা অনুরোধটি সফলভাবে প্রেরণ করতে পারে না যাতে ট্যাবটি বন্ধ না হয়। এবং তারপরে আপনি ক্রোম ডিভটোলে অনুরোধ বার্তাটি ক্যাপচার করতে পারেন (প্রয়োজনে নতুন ট্যাব সতেজ করা হচ্ছে)

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.