কৌণিকভাবে iFrame রিলোড এবং কার্যকলাপ সনাক্তকরণ পরিচালনা করা
আধুনিক ওয়েব ডেভেলপমেন্টে, একটি কৌণিক প্রকল্পের মধ্যে পিএইচপি অ্যাপ্লিকেশনের মতো বাহ্যিক প্রকল্পগুলিকে এম্বেড করা প্রায়শই চ্যালেঞ্জ উপস্থাপন করে। একটি সাধারণ সমস্যা হল একটি iFrame-এর মধ্যে পরিবর্তন বা পুনরায় লোড শনাক্ত করা, বিশেষ করে যখন আপনার কাছে অন্তর্নিহিত PHP কোড সরাসরি পরিবর্তন করার অ্যাক্সেস নেই। যদি আপনার কৌণিক অ্যাপ্লিকেশনের এই পরিবর্তনগুলিতে প্রতিক্রিয়া দেখাতে হয়, যেমন একটি লোডিং স্পিনার দেখানো, এর জন্য সৃজনশীল জাভাস্ক্রিপ্ট সমাধানের প্রয়োজন হতে পারে।
যেহেতু আপনি PHP প্রকল্পের ভিতরে কোড নিয়ন্ত্রণ করেন না, তাই সরাসরি ইন্টিগ্রেশন সম্ভব নয়। যাইহোক, আপনার কৌণিক দিক থেকে iFrame নিরীক্ষণ করে, আপনি এখনও সনাক্ত করতে পারেন যখন একটি পৃষ্ঠা পুনরায় লোড হয় বা পরিবর্তন হয়, আপনার অ্যাপ্লিকেশনে উপযুক্ত প্রতিক্রিয়া ট্রিগার করে। ব্যবহারকারীর সম্পৃক্ততা বজায় রাখার এবং একটি বিরামহীন অভিজ্ঞতা প্রদান করার চেষ্টা করার সময় এটি অত্যন্ত গুরুত্বপূর্ণ।
নেটওয়ার্ক কার্যকলাপ পর্যবেক্ষণ করার এবং iFrame-এর নথির অবস্থার পরিবর্তনগুলি সনাক্ত করার জাভাস্ক্রিপ্টের ক্ষমতার মধ্যে মূলটি নিহিত। যদিও আপনি PHP পৃষ্ঠায় জটিল কার্যকারিতা সরাসরি ইনজেক্ট করতে পারবেন না, তবে রিলোডগুলি ট্র্যাক করতে এবং একটি লোডিং স্পিনার প্রয়োগ করতে JavaScript ইভেন্টগুলির সাথে কাজ করা সম্ভব৷
এই নিবন্ধটি পুনরায় লোড সনাক্ত করতে এবং এই ধরনের ইভেন্টের সময় একটি স্পিনার প্রদর্শন করতে অ্যাঙ্গুলারের জাভাস্ক্রিপ্ট এবং iFrame ক্ষমতাগুলি ব্যবহার করার একটি কৌশল অন্বেষণ করে, আপনার ব্যবহারকারীদের চলমান প্রক্রিয়াগুলি সম্পর্কে অবহিত করা নিশ্চিত করে৷
আদেশ | ব্যবহারের উদাহরণ |
---|---|
MutationObserver | MutationObserver ব্যবহার করা হয় DOM-এর পরিবর্তনগুলি দেখার জন্য, যেমন নতুন উপাদান যুক্ত করা হচ্ছে বা বিদ্যমান কোনো পরিবর্তন করা হচ্ছে। এই ক্ষেত্রে, পিএইচপি পৃষ্ঠাটি যখন গতিশীলভাবে পুনরায় লোড বা আপডেট হয় তা সনাক্ত করতে এটি আইফ্রেমের DOM-এ পরিবর্তনগুলি পর্যবেক্ষণ করে৷ |
iframe.contentWindow | এই কমান্ডটি আইফ্রেমের ভিতরে ডকুমেন্টের উইন্ডো অবজেক্ট অ্যাক্সেস করে। এটি বাইরের কৌণিক অ্যাপ্লিকেশনটিকে iFrame এর বিষয়বস্তুর সাথে ইন্টারঅ্যাক্ট করতে দেয়, যেমন পুনরায় লোডিং বা নেটওয়ার্ক কার্যকলাপ সনাক্ত করতে ইভেন্ট সংযুক্ত করা। |
XMLHttpRequest | iFrame থেকে শুরু হওয়া নেটওয়ার্ক অনুরোধগুলি নিরীক্ষণ করতে এই কমান্ডটি ওভাররাইট করা হয়। লোডস্টার্ট এবং লোডেন্ড ইভেন্টগুলি ক্যাপচার করে, স্ক্রিপ্ট কখন একটি অনুরোধ করা হচ্ছে তা সনাক্ত করতে সক্ষম হয় এবং সেই অনুযায়ী একটি লোডিং স্পিনার প্রদর্শন করে। |
iframe.addEventListener('load') | এই কমান্ডটি একটি ইভেন্ট লিসেনারকে সংযুক্ত করে যা iFrame একটি নতুন পৃষ্ঠা লোড করা শেষ হলে ট্রিগার করে। এটি পৃষ্ঠা পুনরায় লোড শনাক্ত করার জন্য বা iFrame বিষয়বস্তু পরিবর্তন করার জন্য অপরিহার্য। |
document.querySelector('iframe') | এই কমান্ডটি পৃষ্ঠায় iFrame উপাদান নির্বাচন করে, যা iFrame-এর বিষয়বস্তু নিরীক্ষণ বা নিরীক্ষণ করার জন্য প্রয়োজনীয়। এটি কৌণিক অ্যাপ্লিকেশনে এমবেডেড পিএইচপি প্রকল্পকে লক্ষ্য করার একটি নির্দিষ্ট উপায়। |
xhr.addEventListener('loadstart') | এই কমান্ডটি ওভাররাইড করা XMLHttpRequest-এর মধ্যে ব্যবহার করা হয় যখন iFrame-এর মধ্যে একটি নেটওয়ার্ক অনুরোধ শুরু হয় তা সনাক্ত করতে। এটি চলমান প্রক্রিয়াগুলি নির্দেশ করতে লোডিং স্পিনারকে ট্রিগার করতে সহায়তা করে। |
setTimeout() | এই কমান্ডটি একটি বিলম্বের অনুকরণ করতে ব্যবহৃত হয়, যাতে অনুরোধটি দ্রুত শেষ হয়ে গেলেও স্পিনারকে একটি সংক্ষিপ্ত সময়ের জন্য দেখানো হয়। এটি স্বল্প লোডের সময় ভিজ্যুয়াল প্রতিক্রিয়া প্রদান করে ব্যবহারকারীর অভিজ্ঞতা উন্নত করে। |
observer.observe() | এই কমান্ডটি পরিবর্তনের জন্য লক্ষ্য iFrame এর DOM নিরীক্ষণ করতে MutationObserver শুরু করে। পিএইচপি পৃষ্ঠায় গতিশীল বিষয়বস্তু পরিবর্তনগুলি সনাক্ত করা এবং এই ধরনের পরিবর্তন ঘটলে একটি স্পিনার প্রদর্শন করার জন্য এটি গুরুত্বপূর্ণ। |
iframe.onload | এই ইভেন্ট হ্যান্ডলারটি নিরীক্ষণ করতে ব্যবহৃত হয় যখন iFrame একটি নতুন পৃষ্ঠা বা বিষয়বস্তু সম্পূর্ণরূপে লোড করে। এটি নিশ্চিত করে যে iFrame উৎস পরিবর্তন বা পুনরায় লোড হলে লোডিং স্পিনার উপস্থিত হয়। |
iFrame পুনরায় লোড সনাক্ত করা এবং কৌণিক অ্যাপ্লিকেশনগুলিতে কার্যকলাপ পরিচালনা করা
উপরে প্রদত্ত স্ক্রিপ্টগুলি আপনাকে সনাক্ত করতে সাহায্য করার জন্য ডিজাইন করা হয়েছে যখন একটি iFrame-এর ভিতরে একটি PHP পৃষ্ঠা পুনরায় লোড হয় বা পরিবর্তন হয় এবং সেই প্রক্রিয়া চলাকালীন ব্যবহারকারীকে একটি লোডিং স্পিনার প্রদর্শন করে৷ যেহেতু আপনার পিএইচপি কোডে অ্যাক্সেস নেই, তাই এই পরিবর্তনগুলি সনাক্ত করার একমাত্র উপায় হল কৌণিক ফ্রন্ট-এন্ড থেকে iFrame-এর আচরণ পর্যবেক্ষণ করা। একটি মূল সমাধানের মধ্যে শোনা জড়িত লোড iFrame এর ঘটনা। প্রতিবার iFrame পুনরায় লোড হলে, ব্রাউজার একটি লোড ইভেন্ট ফায়ার করে। iFrame-এ একটি ইভেন্ট লিসেনার সংযুক্ত করে, আপনি সেই অনুযায়ী লোডিং স্পিনার দেখাতে এবং লুকিয়ে রাখতে পারেন।
দ্বিতীয় পদ্ধতিটি জাভাস্ক্রিপ্টের সুবিধা দেয় XMLHttp অনুরোধ বস্তু iFrame-এর উইন্ডোতে এটিকে ওভাররাইড করে, আমরা সনাক্ত করতে পারি যখন PHP পৃষ্ঠা থেকে কোনো নেটওয়ার্ক অনুরোধ করা হয়। এটি বিশেষভাবে উপযোগী যখন পৃষ্ঠাটি ডায়নামিক কল বা অ্যাসিঙ্ক্রোনাস অনুরোধ করে, যা সম্পূর্ণ পুনরায় লোড ট্রিগার নাও করতে পারে কিন্তু তবুও সামগ্রী পরিবর্তন করে। প্রতিবার একটি HTTP অনুরোধ শুরু বা শেষ হলে, স্পিনারটি দেখানো বা লুকানো হয়, যা ব্যবহারকারীদের ভিজ্যুয়াল প্রতিক্রিয়া দেয় যে পর্দার আড়ালে কিছু ঘটছে।
ব্যবহৃত আরেকটি কৌশল হল মিউটেশন অবজারভার API এই সমাধানটি iFrame-এর মধ্যে DOM কাঠামোর যেকোনো পরিবর্তন নিরীক্ষণ করে। গতিশীল বিষয়বস্তু পরিবর্তনের সাথে মোকাবিলা করার সময় MutationObservers অত্যন্ত কার্যকর, যেমন পৃষ্ঠার অংশগুলি জাভাস্ক্রিপ্টের মাধ্যমে আপডেট করা হয়। যেহেতু আমরা যোগ করা বা সরানো নোডের জন্য iFrame এর DOM পর্যবেক্ষণ করছি, আমরা যে কোনো সময় উল্লেখযোগ্য পরিবর্তন ঘটলে একটি স্পিনার প্রদর্শন করতে পারি। এই কৌশলটি আদর্শ যখন PHP পৃষ্ঠাটি সম্পূর্ণরূপে পুনরায় লোড হয় না কিন্তু জাভাস্ক্রিপ্টের মাধ্যমে এর কিছু বিষয়বস্তু আপডেট করে।
উপস্থাপিত সমস্ত পন্থা মডুলার এবং ফোকাস করা হয় সর্বোত্তম অনুশীলন. প্রতিটি স্ক্রিপ্ট প্রকল্পের প্রয়োজনীয়তার উপর ভিত্তি করে পুনর্ব্যবহারযোগ্য এবং কাস্টমাইজ করার জন্য ডিজাইন করা হয়েছে। উদাহরণস্বরূপ, আপনি জাভাস্ক্রিপ্ট ব্যবহার করে অনুরোধ সম্পূর্ণ হওয়ার পরে স্পিনার কতক্ষণ দৃশ্যমান থাকবে তা সহজেই সামঞ্জস্য করতে পারেন সেট টাইমআউট. ইভেন্ট শ্রোতা এবং XMLHttpRequest ওভাররাইডের মতো পদ্ধতিগুলি ব্যবহার করে, সমাধানগুলি নিশ্চিত করে যে অন্তর্নিহিত PHP কোডে অ্যাক্সেস ছাড়াই iFrame-এর কার্যকলাপ সঠিকভাবে ট্র্যাক করা হয়েছে৷ এই পদ্ধতিগুলি লোডিং এবং ডেটা-ফেচিং প্রক্রিয়ার সময় ব্যবহারকারীদের অবগত রেখে তাদের অভিজ্ঞতা অপ্টিমাইজ করে।
সমাধান 1: উইন্ডো ইভেন্ট শ্রোতাদের মাধ্যমে iFrame পৃষ্ঠা পুনরায় লোড সনাক্ত করতে জাভাস্ক্রিপ্ট ব্যবহার করা
কৌণিক ফ্রন্ট-এন্ডের মধ্যে iFrame লোড ইভেন্টগুলি নিরীক্ষণ করতে জাভাস্ক্রিপ্ট ইভেন্ট শ্রোতাদের ব্যবহার করে এই পদ্ধতির অন্তর্ভুক্ত। এটি iFrame বিষয়বস্তুর পরিবর্তনগুলি শুনে পৃষ্ঠা পুনরায় লোড করা ট্র্যাক করে৷
// Select the iFrame element
const iframe = document.querySelector('iframe');
// Function to show the loading spinner
function showSpinner() {
document.getElementById('spinner').style.display = 'block';
}
// Function to hide the loading spinner
function hideSpinner() {
document.getElementById('spinner').style.display = 'none';
}
// Add an event listener to detect iFrame reloads
iframe.addEventListener('load', function () {
hideSpinner();
});
// Detect when the iFrame source changes
iframe.onload = function() {
showSpinner();
};
// Example HTML for the spinner
<div id="spinner" style="display: none;">Loading...</div>
সমাধান 2: একটি প্রক্সি পদ্ধতি ব্যবহার করে iFrame থেকে নেটওয়ার্ক অনুরোধগুলি পর্যবেক্ষণ করা
এই সমাধানটি একটি PHP প্রকল্পের মধ্যে কার্যকলাপ পরিবর্তন সনাক্ত করতে iFrame থেকে নেটওয়ার্ক অনুরোধগুলি নিরীক্ষণ করতে একটি iFrame প্রক্সি বা `XMLHttpRequest` অবজেক্ট ব্যবহার করে।
// Create a proxy for monitoring iFrame network activity
const iframeWindow = document.querySelector('iframe').contentWindow;
// Override the XMLHttpRequest to detect network activity
const originalXhr = iframeWindow.XMLHttpRequest;
iframeWindow.XMLHttpRequest = function() {
const xhr = new originalXhr();
xhr.addEventListener('loadstart', function() {
document.getElementById('spinner').style.display = 'block';
});
xhr.addEventListener('loadend', function() {
document.getElementById('spinner').style.display = 'none';
});
return xhr;
};
// HTML for spinner
<div id="spinner" style="display: none;">Loading...</div>
সমাধান 3: MutationObserver ব্যবহার করে iFrame পুনরায় লোড সনাক্ত করা
এই পদ্ধতিটি iFrame-এর DOM-এ পরিবর্তনগুলি নিরীক্ষণ করতে `MutationObserver` API-এর সাহায্য করে, যা পৃষ্ঠা পুনরায় লোড বা গতিশীল বিষয়বস্তুর পরিবর্তন সনাক্ত করতে ব্যবহার করা যেতে পারে।
// Select the iFrame's document
const iframe = document.querySelector('iframe');
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
// Show the spinner
function showSpinner() {
document.getElementById('spinner').style.display = 'block';
}
// Hide the spinner
function hideSpinner() {
document.getElementById('spinner').style.display = 'none';
}
// Create a MutationObserver to watch for changes in the iFrame document
const observer = new MutationObserver(function(mutations) {
showSpinner();
// Delay to simulate loading time
setTimeout(hideSpinner, 500);
});
// Start observing the iFrame document
observer.observe(iframeDocument, { childList: true, subtree: true });
// HTML spinner
<div id="spinner" style="display: none;">Loading...</div>
কৌণিক অ্যাপ্লিকেশনে iFrame আচরণ নিরীক্ষণের জন্য উন্নত কৌশল
একটি iFrame এর কার্যকলাপ পর্যবেক্ষণ করার সময় বিবেচনা করার আরেকটি গুরুত্বপূর্ণ দিক হল ক্রস-অরিজিন সীমাবদ্ধতাগুলি পরিচালনা করা। যেহেতু অনেক iFrames বিভিন্ন ডোমেন থেকে সামগ্রী লোড করে, তাই একই-অরিজিন নীতির কারণে আপনি নিরাপত্তা সীমাবদ্ধতার সম্মুখীন হতে পারেন। এই নীতিটি একটি iFrame-এর ভিতরের বিষয়বস্তুর সাথে সরাসরি ইন্টারঅ্যাকশনকে বাধা দেয় যদি এটি মূল পৃষ্ঠার থেকে ভিন্ন ডোমেন থেকে আসে। এই সীমাবদ্ধতাগুলিকে বাইপাস করতে, বিকাশকারীরা প্রায়শই ব্যবহার করে পোস্ট মেসেজ, যা একটি নিরাপদ এবং নিয়ন্ত্রিত পদ্ধতিতে অভিভাবক উইন্ডো এবং iFrame-এর মধ্যে যোগাযোগের অনুমতি দেয়৷ উভয়ের মধ্যে বার্তা পাঠানোর মাধ্যমে, আপনি iFrame-এ পরিবর্তনের মূল উইন্ডোকে অবহিত করতে পারেন।
উপরন্তু, আপনি ব্যবহার করে অন্বেষণ করতে পারেন ইন্টারসেকশন অবজারভার iFrame পর্দায় দৃশ্যমান বা লুকানো হয়ে গেলে সনাক্ত করার জন্য API। এই পদ্ধতিটি বিষয়বস্তুর পরিবর্তনের পরিবর্তে দৃশ্যমানতা ট্র্যাক করার উপর ফোকাস করে, যা এমন পরিস্থিতিতে কার্যকর হতে পারে যেখানে ব্যবহারকারী স্ক্রোল করে এবং iFrame দৃশ্যের বাইরে চলে যায়। একটি IntersectionObserver-এর সাহায্যে, iFrame ভিউপোর্টে ফিরে না আসা পর্যন্ত আপনি নেটওয়ার্ক অনুরোধ বা রেন্ডারিংয়ের মতো কার্যকলাপগুলিকে বিরতি দিতে পারেন৷ এটি কর্মক্ষমতা অপ্টিমাইজ করার এবং অপ্রয়োজনীয় সম্পদ ব্যবহার কমানোর একটি কার্যকর উপায়।
অবশেষে, iFrames এবং দূরবর্তী বিষয়বস্তু নিয়ে কাজ করার সময় ত্রুটি পরিচালনা করা অপরিহার্য। অপ্রত্যাশিত সমস্যা, যেমন একটি নেটওয়ার্ক ব্যর্থতা বা একটি পৃষ্ঠা সঠিকভাবে লোড হচ্ছে না, iFrame অপ্রতিক্রিয়াশীল হয়ে উঠতে পারে। জাভাস্ক্রিপ্ট অন্তর্ভুক্ত করে ত্রুটি ইভেন্ট, iFrame লোডিং প্রক্রিয়া চলাকালীন কোন সমস্যা হলে আপনি সনাক্ত করতে পারেন এবং একটি ফলব্যাক বা বিকল্প সামগ্রী সহ ব্যবহারকারীদের অবহিত করতে পারেন৷ সঠিক ত্রুটি ব্যবস্থাপনা নিশ্চিত করে যে আপনার কৌণিক অ্যাপ্লিকেশন শক্তিশালী থাকবে, এমনকি অপ্রত্যাশিত বাহ্যিক বিষয়বস্তু নিয়ে কাজ করার সময়ও।
IFrame Monitoring in Angular সম্পর্কিত প্রায়শ জিজ্ঞাস্য প্রশ্নাবলী
- কি postMessage পদ্ধতি এবং কখন এটি ব্যবহার করা উচিত?
- দ postMessage পদ্ধতিটি একটি অভিভাবক উইন্ডো এবং একটি iFrame এর মধ্যে নিরাপদ যোগাযোগের অনুমতি দেয়, এমনকি যদি তারা বিভিন্ন ডোমেনে থাকে। পৃষ্ঠা পুনঃলোড সনাক্তকরণ বা অন্যান্য কার্যকলাপের জন্য উভয়ের মধ্যে বার্তা পাঠাতে এটি ব্যবহার করুন।
- যখন একটি iFrame ভিউপোর্টে প্রবেশ করে বা প্রস্থান করে তখন আমি কীভাবে সনাক্ত করতে পারি?
- দ IntersectionObserver এপিআই এর জন্য আদর্শ। এটি একটি উপাদানের দৃশ্যমানতা নিরীক্ষণ করে (যেমন একটি iFrame) এবং ইভেন্টগুলি ট্রিগার করে যখন এটি প্রদর্শিত হয় বা ব্যবহারকারীর দৃশ্য থেকে অদৃশ্য হয়ে যায়।
- iFrame এ নেটওয়ার্ক ত্রুটি দেখা দিলে আমি কিভাবে সনাক্ত করতে পারি?
- আপনি ব্যবহার করতে পারেন onerror iFrame-এ লোডিং ত্রুটি ধরার ইভেন্ট, যেমন ব্যর্থ নেটওয়ার্ক অনুরোধ। এটি আপনাকে ত্রুটিগুলি সুন্দরভাবে পরিচালনা করতে এবং ব্যবহারকারীকে অবহিত করতে সহায়তা করে৷
- একটি iFrame এর বিষয়বস্তু অ্যাক্সেস করার সীমাবদ্ধতা কি কি?
- একই-অরিজিন নীতির কারণে, আপনি সরাসরি কোনো iFrame এর বিষয়বস্তু অ্যাক্সেস করতে পারবেন না যদি এটি একটি ভিন্ন ডোমেন থেকে লোড হয়। আপনি মত পদ্ধতি ব্যবহার করতে হবে postMessage ডোমেনের মধ্যে নিরাপদ যোগাযোগের জন্য।
- যখন iFrame দৃশ্যের বাইরে থাকে তখন কি নেটওয়ার্ক অনুরোধগুলিকে থামানো সম্ভব?
- হ্যাঁ, ব্যবহার করে IntersectionObserver, আপনি সনাক্ত করতে পারেন কখন iFrame দৃশ্যের বাইরে থাকে এবং কর্মক্ষমতা অপ্টিমাইজ করার জন্য কোনো অপ্রয়োজনীয় নেটওয়ার্ক অনুরোধ বা রেন্ডারিংকে বিরতি দিতে পারেন।
iFrame পেজ মনিটরিং এর উপর চূড়ান্ত চিন্তা
অন্তর্নিহিত PHP কোডে অ্যাক্সেস ছাড়াই iFrame পুনরায় লোড সনাক্ত করা চ্যালেঞ্জিং হতে পারে, তবে জাভাস্ক্রিপ্ট বেশ কয়েকটি কার্যকর সমাধান সরবরাহ করে। লিভারেজ করে ঘটনা শ্রোতা, নেটওয়ার্ক অনুরোধ ট্র্যাকিং, এবং DOM মিউটেশন পর্যবেক্ষণ, আপনি চলমান প্রক্রিয়া ব্যবহারকারীদের অবহিত করতে একটি লোডিং স্পিনার প্রদর্শন করতে পারেন।
এই পদ্ধতিগুলি শুধুমাত্র ব্যবহারকারীর অভিজ্ঞতাই বাড়ায় না কিন্তু কর্মক্ষমতা অপ্টিমাইজ করতে এবং কৌণিক এবং এমবেডেড পিএইচপি সামগ্রীর মধ্যে বিরামহীন একীকরণ নিশ্চিত করতে সহায়তা করে। iFrame কার্যকলাপ নিরীক্ষণ ব্যবহারকারীদের রিয়েল-টাইম প্রতিক্রিয়া প্রদান, সামগ্রিক অ্যাপ্লিকেশন প্রতিক্রিয়াশীলতা উন্নত করার মূল চাবিকাঠি।
iFrame মনিটরিং টেকনিকের জন্য উৎস এবং রেফারেন্স
- কিভাবে বিস্তারিত ব্যাখ্যা মিউটেশন অবজারভার DOM কাঠামোর পরিবর্তনগুলি নিরীক্ষণ করতে ব্যবহার করা যেতে পারে, যা একটি iFrame-এর ভিতরে সামগ্রী আপডেটগুলি সনাক্ত করার জন্য অত্যাবশ্যক৷
- উপর অন্তর্দৃষ্টিপূর্ণ গাইড পোস্ট মেসেজ পদ্ধতি, ব্যাখ্যা করে কিভাবে একটি প্যারেন্ট উইন্ডো এবং একটি iFrame এর মধ্যে নিরাপদ যোগাযোগ সক্ষম করা যায়, ক্রস-অরিজিন পরিস্থিতির জন্য গুরুত্বপূর্ণ।
- উপর ব্যাপক ডকুমেন্টেশন XMLHttp অনুরোধ API, পৃষ্ঠা পুনরায় লোড এবং গতিশীল বিষয়বস্তু পরিবর্তন সনাক্ত করতে একটি iFrame-এর মধ্যে নেটওয়ার্ক অনুরোধগুলি কীভাবে ট্র্যাক করতে হয় তা প্রদর্শন করে৷