chrome.devtools.network

বর্ণনা

নেটওয়ার্ক প্যানেলে বিকাশকারী সরঞ্জামগুলির দ্বারা প্রদর্শিত নেটওয়ার্ক অনুরোধগুলি সম্পর্কে তথ্য পুনরুদ্ধার করতে chrome.devtools.network API ব্যবহার করুন৷

উদ্ভাসিত

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

"devtools_page"

ডেভেলপার টুল এপিআই ব্যবহার করার জন্য সাধারণ পরিচিতির জন্য DevTools API-এর সারাংশ দেখুন।

ওভারভিউ

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

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

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

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

উদাহরণ

নিচের কোডটি লোড হওয়ার সাথে সাথে 40KB-এর চেয়ে বড় সমস্ত ছবির URL লগ করে:

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

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

প্রকারভেদ

Request

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

বৈশিষ্ট্য

  • বিষয়বস্তু পান

    অকার্যকর

    প্রতিক্রিয়া বডির বিষয়বস্তু প্রদান করে।

    getContent ফাংশন এর মত দেখাচ্ছে:

    (callback: function) => {...}

    • কলব্যাক

      ফাংশন

      callback প্যারামিটারটি এর মতো দেখাচ্ছে:

      (content: string, encoding: string) => void

      • বিষয়বস্তু

        স্ট্রিং

        প্রতিক্রিয়া বডির বিষয়বস্তু (সম্ভাব্য এনকোড করা)।

      • এনকোডিং

        স্ট্রিং

        বিষয়বস্তু এনকোড করা না থাকলে খালি, অন্যথায় এনকোডিং নাম। বর্তমানে, শুধুমাত্র base64 সমর্থিত।

পদ্ধতি

getHAR()

chrome.devtools.network.getHAR(
  callback: function,
)

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

পরামিতি

  • কলব্যাক

    ফাংশন

    callback প্যারামিটারটি এর মতো দেখাচ্ছে:

    (harLog: object) => void

    • harLog

      বস্তু

      একটি HAR লগ. বিস্তারিত জানার জন্য HAR স্পেসিফিকেশন দেখুন।

ঘটনা

onNavigated

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

পরিদর্শন করা উইন্ডোটি একটি নতুন পৃষ্ঠায় নেভিগেট করার সময় বহিস্কার করা হয়েছে৷

পরামিতি

  • কলব্যাক

    ফাংশন

    callback প্যারামিটারটি এর মতো দেখাচ্ছে:

    (url: string) => void

    • url

      স্ট্রিং

onRequestFinished

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

একটি নেটওয়ার্ক অনুরোধ শেষ হলে এবং সমস্ত অনুরোধের ডেটা উপলব্ধ হলে বরখাস্ত করা হয়৷

পরামিতি

  • কলব্যাক

    ফাংশন

    callback প্যারামিটারটি এর মতো দেখাচ্ছে:

    (request: Request) => void