ক্রোমে নিরীক্ষণের অনুরোধ করুন


208

ফায়ারফক্সে আমি ফায়ারব্যাগ ব্যবহার করি যা আমার এজাজ কলগুলি যে সমস্ত http অনুরোধ করছে তা দেখার অনুমতি দেয়। আমি ক্রোমে আমার বিকাশ সরিয়ে নিয়েছি এবং এটিকে এখন পর্যন্ত পছন্দ করছি king তবে আমার একমাত্র অভিযোগ, বিকাশকারী সরঞ্জামগুলি আপনাকে প্রতিটি এজাক্স অনুরোধ দেখার অনুমতি দেয় বলে মনে হয় না। আমার একবার এটি হয়েছিল যখন রিসোর্স প্যানেল একই সংস্থানটিতে একাধিক অনুরোধ দেখিয়েছিল, তবে এটি কেবল একবারই হয়ে গেছে এবং আর কখনও হয়নি।

Chrome এর মধ্যে থেকে কোনও পৃষ্ঠা জাভাস্ক্রিপ্টের মাধ্যমে তৈরি করছে এমন প্রতিটি HTTP অনুরোধকে নির্ভরযোগ্যভাবে দেখার কোনও উপায় আছে?

[সম্পাদনা: 11/30/09 11:55]

বর্তমানে এটি সন্ধান করার জন্য, আমি আমার অনুরোধগুলি দেখার জন্য ক্রোমের পাশে ফিডলার চালাচ্ছি তবে ব্রাউজারের মধ্যে থেকে যদি এটি করার কোনও উপায় থাকে তবে আমি এটিকে পছন্দ করব।


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

উত্তর:


359

আমি জানি এটি একটি পুরানো থ্রেড তবে আমি ভেবেছিলাম আমি চিমে যাব।

ক্রোমের বর্তমানে অন্তর্নির্মিত একটি সমাধান রয়েছে।

  1. ব্যবহারের CTRL+SHIFT+I(অথবা নেভিগেট করতে Current Page Control > Developer > Developer Toolsবিকাশকারী সরঞ্জামসমূহ সক্রিয়। Chrome- এর নতুন সংস্করণে, মোচড় আইকন> সরঞ্জাম> বিকাশকারী সরঞ্জামসমূহ ক্লিক করুন।)।
  2. বিকাশকারী সরঞ্জামগুলির মধ্যে থেকে Networkবোতামটিতে ক্লিক করুন । যদি এটি ইতিমধ্যে না থাকে তবে সেশনের জন্য বা সর্বদা এটি সক্ষম করুন।
  3. ক্লিক করুন "XHR"উপ-বোতাম।
  4. সূচনা একটি AJAX call
  5. আপনি নীচে বাম কলামে আইটেমগুলি প্রদর্শিত হতে দেখবেন "Resources"
  6. সংস্থানটি ক্লিক করুন এবং সেখানে 2 টি ট্যাব রয়েছে যা শিরোনামগুলি দেখায় এবং সামগ্রীটি ফেরত দেয়।

2
থ্যাঙ্কস ফিল! আমি এটিকে একপাশে রেখেছি এবং বেশিরভাগই ফিডলারের উপর নির্ভর করি। তবে সেই এক্সএইচআর বোতামটি আমি যা সন্ধান করছিলাম: ডি
ওয়েস পি

গতকাল আমি কথা বলছিলাম যে ক্রোম সরঞ্জামগুলি এটি করতে পারলে এটি নিখুঁত হবে, আপনাকে ধন্যবাদ।
জার্মানি রদ্রিগেজ

3
হাই সব, "এক্সএইচআর সাব-বোতাম" সন্ধান করার চেষ্টা করুন আমার মনে হয় আমি এটি মিস করছি, কেউ আমাকে বলতে পারেন যে এটি কোথায়? এটি আমার ইন্সপেক্টরটি দেখতে imgur.com/9e6yDcB
ডেভিড উইলিয়ামস

2
এটি কেবল তখনই ঘটবে বলে মনে হয় যদি কোনও এএএএক্সএক্স কলটি কোনও প্রতিক্রিয়া পেয়ে থাকে তবে এটি আপনাকে বহির্গামী অনুরোধটি দেখায় না যা সম্ভবত প্রতিক্রিয়া আশা করে না। কেউ কীভাবে এটি সক্ষম করতে জানেন?
মোমো

1
পৃষ্ঠাটি যদি একই উইন্ডোতে পুনর্নির্দেশ করে তবে আপনি নেটওয়ার্ক ট্যাব বিকল্পগুলির শীর্ষে 'লগ সংরক্ষণ করুন' চেকবক্সটি ব্যবহার করতে পারেন (যদি না হয় তবে আপনি সেটিংসটি একই উইন্ডোতে খুলতে সেই লিঙ্কটি পরিবর্তন করতে পারেন target='_self')। তারপরে, উদাহরণস্বরূপ, আপনি ফর্মটি আপনাকে পুনঃনির্দেশ করার পরে জমা দেওয়া প্রতিক্রিয়াটি দেখতে পাবেন। প্রতিক্রিয়াগুলি নতুন পৃষ্ঠা লোডগুলিতে স্তূপিত হওয়ায় ফিল্টারটিও লক্ষ্য করবেন তা নিশ্চিত করুন।
জেরেমি

57

এর সর্বাধিক আপ-টু-ডেট উত্তর: এগুলি বিকাশকারী সরঞ্জামগুলিতে 'নেটওয়ার্ক' বোতামের অধীনে তালিকাভুক্ত করা হয়, এটি আর আগে 'রিসোর্সেস' এর অধীনে নেই।


5
প্রকৃতপক্ষে এখন এটি এখন, আপগ্রেড করার পরে এটি সন্ধানের জন্য স্ট্যাক ওভারফ্লোতে আমাকে অনুসন্ধান করেছিল।
কেজকাই

42

হালনাগাদ

ক্রোম কীভাবে অনুরোধগুলি পরিদর্শন করতে পারে তা পরিবর্তন করে এবং ক্রোম থেকে রফতানি হওয়া লগগুলি সহ ক্যাটালপাল্ট প্রোফাইল ভিউয়ারটি ব্যবহার করার পরামর্শ দেয় : // নেট-এক্সপোর্ট /

chrome://net-export/

অধিক তথ্য

পুরানো ক্রোম সংস্করণ

আপনি এই লিঙ্কটি ক্রোমেও পরিদর্শকের চেয়ে বেশি বিশদ তথ্যের জন্য ব্যবহার করতে পারেন।

chrome://net-internals/#events

এটি ব্রাউজারের সমস্ত অনুরোধের লগ খোলা থাকাকালীন দেখায়


আপনি কি তা রফতানি করতে পারেন?
পেসারিয়ার

14

এটি কোন ক্রোম সংস্করণটি উপলভ্য তা জানেন না, তবে আমি একটি কনসোল - লগ এক্সএমএলএইচটিপিআরকোয়েস্টস (ম্যাকের উপর ক্রোমের বিকাশকারী সরঞ্জামগুলির নীচের ডানদিকে আইকনে ক্লিক করে) একটি সেটিং পেয়েছি)


3
এটি এক্সএইচআর অনুরোধগুলির নিরীক্ষণের সবচেয়ে সহজ এবং সর্বোত্তম উপায়।
কোর্টডেমোন

6

আপনার ডিভটুলগুলি খুলুন এবং সেটিংস অ্যাক্সেস করতে F1 টিপুন। কনসোল বিভাগটি সন্ধান করুন এবং "লগ এক্সএমএলএইচটিএইচপিআরকোয়েস্টস" এর জন্য চেকবক্সটি দেখুন।

এখন আপনার সমস্ত এজাক্স এবং অন্যান্য অনুরূপ অনুরোধগুলি কনসোলে লগইন হবে।

আমি এই পদ্ধতিটি পছন্দ করি কারণ এটি সাধারণত নেটওয়ার্ক ট্যাবে না গিয়ে কনসোলে যা খুঁজছি তা সব দেখতে আমাকে অনুমতি দেয়।


4

আপনি ফিডলারটি ব্যবহার করতে পারেন যা একটি ভাল বিনামূল্যে সরঞ্জাম।


1
হ্যাঁ, আমার কাছে ফিডলার রয়েছে যা আমি এটি করতে ব্যবহার করছি। এটি কিছুটা সুবিধাজনক হিসাবে ব্রাউজারের মধ্যে থেকে কেবল এটি করার উপায় খুঁজছেন।
ওয়েজ পি

3

যারা এই পোস্টে সাহায্য করার চেষ্টা করছেন তাদের সকলকে ধন্যবাদ

আমার উবুন্টু 13.10 এবং আমার ক্রোম সংস্করণ 34.0

আমার পরিস্থিতির জন্য এটি কাজ করে

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

আপনার অনুরোধের সামনে এখন একটি নতুন প্যানেল দেখা উচিত

in this panel select "Response" tab

1

ফিলের 5 ধাপে, "সংস্থানগুলি" ক্রোমের নতুন সংস্করণে আর উপলভ্য নয়। নাম, পদ্ধতি, স্থিতি, ... এর কলামগুলির সাথে নীচে অংশে তালিকাভুক্ত এজাক্স পৃষ্ঠার ঠিক আপনাকে পৃষ্ঠা আইকনটি ক্লিক করতে হবে ...

তারপরে এটি আপনাকে আরও প্যানেল প্রদর্শন করবে যেখানে আপনি ত্রুটির বার্তা পাবেন।


0

আপনি ব্রাউজারের ঠিক পৃষ্ঠায় ডান ক্লিক করতে পারেন এবং বিকাশকারী সরঞ্জামগুলি আনতে "উপাদান পরিদর্শন করুন" নির্বাচন করতে পারেন।

https://developer.chrome.com/devtools

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