browser.devtools.network

বিবরণ

নেটওয়ার্ক প্যানেলে ডেভেলপার টুলের মাধ্যমে দেখানো নেটওয়ার্ক অনুরোধ সম্পর্কে তথ্য পেতে chrome.devtools.network API ব্যবহার করুন।

নেটওয়ার্ক অনুরোধ সংক্রান্ত তথ্য HTTP আর্কাইভ ফর্ম্যাটে (HAR) দেখানো হয়। HAR-এর বিবরণ এই ডকুমেন্টের আওতার বাইরে, HAR v1.2 স্পেসিফিকেশন দেখুন।

HAR-এর ক্ষেত্রে, browser.devtools.network.getHAR() পদ্ধতি সম্পূর্ণ HAR লগ ফিরিয়ে দেয়, যেখানে browser.devtools.network.onRequestFinished ইভেন্ট, ইভেন্ট কলব্যাকের আর্গুমেন্ট হিসেবে HAR এন্ট্রি প্রদান করে।

মনে রাখবেন, দক্ষতার কারণে HAR-এর অংশ হিসেবে অনুরোধের কন্টেন্ট প্রদান করা হয় না। কন্টেন্ট ফিরিয়ে আনতে আপনি অনুরোধের getContent() পদ্ধতি কল করতে পারেন।

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

ডেভেলপার টুল API ব্যবহার করার বিষয়ে সাধারণ তথ্য পেতে DevTools API-এর সারসংক্ষেপ দেখুন।

ম্যানিফেস্ট

এই API ব্যবহার করতে নিম্নলিখিত কীগুলি ম্যানিফেস্টে ঘোষণা করতে হবে।

"devtools_page"

উদাহরণ

নিম্নলিখিত কোড ৪০ কেবির চেয়ে বড় সব ছবির URL লোড হওয়ার সাথে সাথে লগ করে:

browser.devtools.network.onRequestFinished.addListener(
  function(request) {
    if (request.response.bodySize > 40*1024) {
      browser.devtools.inspectedWindow.eval(
          'console.log("Large image: " + unescape("' +
          escape(request.request.url) + '"))');
    }
  }
);

এই API ব্যবহার করে দেখতে, chrome-extension-samples রিপোজিটরি থেকে devtools API-এর উদাহরণ ইনস্টল করুন।

ধরন

Request

ডকুমেন্ট রিসোর্সের (স্ক্রিপ্ট, ছবি ইত্যাদি) জন্য নেটওয়ার্ক অনুরোধকে দেখায়। রেফারেন্সের জন্য HAR স্পেসিফিকেশন দেখুন।

প্রপার্টি

  • getContent

    বাতিল

    উত্তরের মূল অংশের কন্টেন্ট দেখায়।

    getContent ফাংশনটি দেখতে এইরকম: 

    () => {...}

    • ফেরত দেওয়া

      Promise<object>

      Chrome 151+ Chrome 152 থেকে browser.*

      অনুরোধ সম্পূর্ণ হলে, একটি ফাংশন যা রেসপন্স বডি গ্রহণ করে।

পদ্ধতি

getHAR()

browser.devtools.network.getHAR(): Promise<object>

HAR লগ ফিরিয়ে দেয় যাতে সব পরিচিত নেটওয়ার্ক অনুরোধ থাকে।

রিটার্ন

  • Promise<object>

    Chrome 151+ Chrome 152 থেকে browser.*

    অনুরোধ সম্পূর্ণ হলে HAR লগ গ্রহণ করে এমন একটি ফাংশন।

ইভেন্ট

onNavigated

browser.devtools.network.onNavigated.addListener(
  callback: function,
)

পরিদর্শন করা উইন্ডো নতুন পৃষ্ঠায় নেভিগেট করলে ফায়ার করা হয়।

প্যারামিটারগুলি

  • কলব্যাক

    ফাংশন

    callback প্যারামিটারটি দেখতে এইরকম: 

    (url: string) => void

    • URL

      স্ট্রিং

onRequestFinished

browser.devtools.network.onRequestFinished.addListener(
  callback: function,
)

নেটওয়ার্ক রিকোয়েস্ট সম্পূর্ণ হলে এবং সব রিকোয়েস্ট ডেটা উপলভ্য হলে ফায়ার করা হয়।

প্যারামিটারগুলি

  • কলব্যাক

    ফাংশন

    callback প্যারামিটারটি দেখতে এইরকম: 

    (request: Request) => void