পুনঃনির্দেশগুলি দিয়ে কীভাবে Chrome এর নেটওয়ার্ক ডিবাগার ব্যবহার করবেন


379

ক্রোম নেটওয়ার্ক ডিবাগার আমাকে একটি পৃষ্ঠার জন্য লোড করা সমস্ত HTTP সংস্থানগুলির দুর্দান্ত দর্শন দেয়। যখনই কোনও নতুন শীর্ষ-স্তরের এইচটিএমএল পৃষ্ঠা লোড করা হয় তখন এটি তালিকাটি সাফ করে। এটি এমন পৃষ্ঠাগুলি ডিবাগ করা খুব কঠিন করে তোলে যা স্বয়ংক্রিয়ভাবে এক কারণে বা অন্য কারণে (স্ক্রিপ্ট বা 300 টি প্রতিক্রিয়া চলছে) পুনরায় লোড হয়।

নতুন শীর্ষ-স্তরের পৃষ্ঠাটি লোড হওয়ার পরে আমি কি Chrome কে নেটওয়ার্ক ডিবাগারটি সাফ না করার জন্য বলতে পারি? বা আমি ফিরে গিয়ে আগের পৃষ্ঠার নেটওয়ার্ক সংস্থানগুলি দেখতে পারি?

অথবা আমি যে পৃষ্ঠাটি পুনঃনির্দেশ করছে তার ডিবাগ করার চেষ্টা করছি এমন পৃষ্ঠাটি নিয়ন্ত্রণ না করে যখন আমি কোনও নতুন পৃষ্ঠা লোড করার আগে Chrome কে কোনওভাবে বিরতি দিতে পারি? এটি একটি ওপেনআইডি নাচের অংশ যা ঘৃণিত হচ্ছে, তাই এসএসএল এবং শংসাপত্রগুলির সংমিশ্রণটি কমান্ড-লাইন সরঞ্জামগুলির সাথে ডিবাগ করা অত্যন্ত কঠিন করে তোলে।


এই সদৃশটি 1 মাস আগে পোস্ট করা পোস্টের চেয়ে আরও বেশি উপার্জন পেয়েছিল কীভাবে? stackoverflow.com/q/10703944/632951
Pacerier

6
@ পেসারিয়ার আপনি যেটিকে সংযুক্ত করেছেন তিনি আপনার পোস্ট করেছেন বলে মনে হয় না, তবে যুক্তি সম্ভবত শিরোনামটিতে "ক্রোম" নেই। লোকেরা যখন Chrome সম্পর্কিত কোনও কিছুর সন্ধান করে তখন তাদের অনুসন্ধানে সাধারণত ক্রোম শব্দটি অন্তর্ভুক্ত থাকে। "গুগল বিকাশকারী সরঞ্জাম" অবিশ্বাস্যরকম অস্পষ্ট।
জোয়েল মেলন

উত্তর:


527

@ ড্যানিয়েল আলেক্সিয়ুক এবং @ থানাটো তাদের মন্তব্যের জন্য ধন্যবাদ, ভি 32 এর পরে এটি পরিবর্তন করা হয়েছে।


বর্তমান (≥ v32)

দেবটুলসের "নেটওয়ার্ক" ট্যাবের শীর্ষে, "সংরক্ষণ করুন লগ" কার্যকারিতাটি স্যুইচ করার জন্য একটি চেকবক্স রয়েছে। যদি এটি চেক করা থাকে তবে নেটওয়ার্ক লগ পৃষ্ঠা লোডে সংরক্ষণ করা হবে।

Chrome v33 ডিভটুলস নেটওয়ার্ক ট্যাব: লগ সংরক্ষণ করুন

বাম দিকে ছোট লাল বিন্দুর এখন উদ্দেশ্য হল নেটওয়ার্ক লগিংটি সম্পূর্ণরূপে চালু এবং বন্ধ করা যায়।


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

Chrome এর পুরানো সংস্করণগুলিতে (v21 এখানে), "নেটওয়ার্ক" ট্যাবের ফুটারে একটি সামান্য, ক্লিকযোগ্য লাল দাগ রয়েছে।

Chrome v22 ডিভটুলস নেটওয়ার্ক ট্যাব: নেভিগেশনে লগ আপ সংরক্ষণ করুন

আপনি যদি এটির উপরে ঘোরাফেরা করেন তবে এটি আপনাকে বলবে যে এটি সক্রিয় হওয়ার পরে এটি "লগ-আপ নেভিগেশন সংরক্ষণ করবে"। এটি প্রতিশ্রুতি ধারণ করে।


1
সংস্করণ 32 এ এটি এখনও রয়েছে, তবে নেটওয়ার্ক প্যানেলের শীর্ষে চলে গেছে।
ড্যানিয়েল আলেকিয়ুক

4
প্রকৃতপক্ষে, এটি এখন শীর্ষে, তবে "সংরক্ষণ করুন লগ" নামে পরিচিত, এবং এটি একটি চেকবক্স। বিভ্রান্তিকরভাবে, এখনও একটি লাল রেকর্ড আইকন রয়েছে, তবে এটি লগইন করা উচিত কিনা just
থানাটোস

1
পরিবর্তনের বিষয়ে মন্তব্য করার জন্য ধন্যবাদ, আমি ঠিক সেই অনুসারে উত্তরটি আপডেট করেছি।
25:38

@ রূবেন, ইন্টারফেসটি এখন সত্যি কিছুটা অন্যরকম দেখাচ্ছে তবে নেটওয়ার্ক ট্যাবের শীর্ষে "লগ সংরক্ষণ করুন" লেবেলযুক্ত একটি চেকবাক্স এখনও রয়েছে: i.imgur.com/fhSDYSz.png
bfncs

14
@ রুবেললোপ ৮৮ নিশ্চিত করুন যে আপনি নথিতে ফিল্টার করছেন না , অন্যথায় তারা সেখানে থাকবে না। আপনি অন্যান্য ট্যাবে বিশেষত সেগুলি পরীক্ষা করতে পারেন ।
অ্যালেক্স

173

আমি ক্রোমকে নেটওয়ার্ক ডিবাগারটি সাফ না করার জন্য জোর করার কোনও উপায় জানি না, তবে এটি আপনি যা সন্ধান করছেন তা সম্পাদন করতে পারে:

  1. জেএস কনসোলটি খুলুন
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

এটি ব্রেকপয়েন্টে আঘাত করে নতুন পৃষ্ঠাটি লোড করার আগে ক্রমকে বিরতি দেবে।


55
এটি প্রশ্নের সঠিক উত্তর ছিল না, তবে এটি আসলে আমি যা খুঁজছি। ধন্যবাদ।
isaaclw

2
এটা খুব চতুর। আমি এখানে "পুনর্নির্দেশের আগে বিরতি" সমাধান সন্ধান করেছি এবং এটি এখানে। গৃহীত উত্তরটি মনে রাখা সহজ তবে এটি রড।
জোয়েল মেলন

19
এটি অত্যন্ত কার্যকর, কারণ ক্রোম সার্ভারের প্রতিক্রিয়া বডিটি প্রদর্শন করে না, যদি ব্রাউজারটি প্রতিক্রিয়া পাওয়ার পরে ডায়রেক্ট করে।
ক্রিস্টফ ডম্বি

23

@Bfncs উত্তরের আপডেট করুন

আমি ক্রম 43 এর চারপাশে আচরণটি কিছুটা পরিবর্তন করা হয়েছে বলে মনে করি। দেখার জন্য আপনাকে এখনও লগ সংরক্ষণ করুন সক্ষম করতে হবে তবে এখন লোড ডকুমেন্টটি ডকের অধীনে প্রদর্শিত হলে অন্যান্য ট্যাবের অধীনে পুনর্নির্দেশ করা হবে।

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


1
তুমি যে নায়ককে আমি সন্ধান করছিলাম!
ম্যাথু হাওরথ

23

অন্যান্য পৃষ্ঠাগুলিতে পুনর্নির্দেশের আগে নেটওয়ার্ক কলগুলি ডিবাগ করার আরেকটি দুর্দান্ত সমাধান হ'ল beforeunloadইভেন্ট ব্রেক পয়েন্টটি নির্বাচন করা

এই প্রবাহটিকে অন্য পৃষ্ঠায় পুনঃনির্দেশ করার আগেই আপনি প্রবাহটি ভঙ্গ করার নিশ্চয়তা দিয়েছেন, এইভাবে সমস্ত নেটওয়ার্ক কল, নেটওয়ার্ক ডেটা এবং কনসোল লগগুলি এখনও রয়েছে।

কলগুলির প্রতিক্রিয়া কী তা পরীক্ষা করতে চাইলে এই সমাধানটি সেরা

ক্রোম পূর্বেই ইভেন্ট ব্রেক ব্রেক পয়েন্ট load

PS: আপনি যদি কোনও নির্দিষ্ট কল বা কোনও কল করার আগে ডান থামাতে চান তবে আপনি এক্সএইচআর ব্রেক পয়েন্টগুলিও ব্যবহার করতে পারেন (চিত্রের উদাহরণ দেখুন) এক্সএইচআর ব্রেক পয়েন্ট


2
এটা অসাধারণ. সঙ্গে loadঘটনা, আমরা শুরুতে এবং সেট বিরতি বিন্দু সহজেই বন্ধ করতে পারবেন। ধন্যবাদ!
লিওন - হ্যান লি
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.