Chrome DevTools হল ওয়েব ডেভেলপার টুলগুলির একটি সেট যা সরাসরি Google Chrome ব্রাউজারে তৈরি করা হয়েছে৷ DevTools আপনাকে উড়তে থাকা পৃষ্ঠাগুলি সম্পাদনা করতে এবং দ্রুত সমস্যাগুলি নির্ণয় করতে দেয়, যা আপনাকে আরও ভাল ওয়েবসাইটগুলি দ্রুত তৈরি করতে সহায়তা করে৷
শুরু করুন
আপনি Chrome DevTools খুলতে পারেন যে সব উপায়.

DevTools-এ নতুন কি আছে

সর্বশেষ DevTools পরিবর্তনের সাথে আপ টু ডেট থাকুন।
DevTools-এ বৈশিষ্ট্যগুলি শিখতে আপনাকে সাহায্য করার জন্য কামড়-আকারের ভিডিওগুলির একটি সিরিজ।

কমান্ড এবং শর্টকাট

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

প্যানেল

প্রতিটি DevTools প্যানেলের শক্তি আবিষ্কার করুন।

উপাদান - DOM

কিভাবে একটি পৃষ্ঠার DOM দেখতে এবং পরিবর্তন করতে হয় তা জানুন।
ডক্স পড়ুন

উপাদান - CSS

কিভাবে একটি পৃষ্ঠার CSS দেখতে এবং পরিবর্তন করতে হয় তা জানুন।
ডক্স পড়ুন
বার্তা লগ করুন এবং JavaScript চালান।
ডক্স পড়ুন
ফাইলগুলি দেখুন এবং সম্পাদনা করুন, স্নিপেট তৈরি করুন, জাভাস্ক্রিপ্ট ডিবাগ করুন এবং একটি ওয়ার্কস্পেস সেট আপ করুন৷
ডক্স পড়ুন
লগ নেটওয়ার্ক অনুরোধ.
ডক্স পড়ুন

কর্মক্ষমতা

ওয়েবসাইট কর্মক্ষমতা মূল্যায়ন.
ডক্স পড়ুন

স্মৃতি

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

নিরাপত্তা

নিশ্চিত করুন যে একটি পৃষ্ঠা সম্পূর্ণরূপে HTTPS দ্বারা সুরক্ষিত।
JavaScript-এ একটি ArrayBuffer, TypedArray বা DataView, সেইসাথে WebAssembly এবং C++ Wasm অ্যাপের মেমরি পরিদর্শন করুন।
ব্যবহারকারী এজেন্ট স্ট্রিং ওভাররাইড করুন।

নেটওয়ার্ক অনুরোধ ব্লক করা

নেটওয়ার্ক অনুরোধ ব্লক করে আপনার সাইট পরীক্ষা করুন. ,নেটওয়ার্ক অনুরোধ ব্লক করে আপনার সাইট পরীক্ষা করুন.

মিডিয়া

ব্রাউজার ট্যাবে তথ্য দেখুন এবং মিডিয়া প্লেয়ার ডিবাগ করুন।
পরিদর্শন এবং অ্যানিমেশন পরিবর্তন.
HTML, CSS, এবং JavaScript-এ পরিবর্তনগুলি ট্র্যাক করুন।
অব্যবহৃত জাভাস্ক্রিপ্ট এবং CSS কোড খুঁজুন এবং বিশ্লেষণ করুন।
উৎস মানচিত্র সফলভাবে লোড হয়েছে কিনা তা পরীক্ষা করুন এবং ম্যানুয়ালি লোড করুন।
সম্ভাব্য CSS উন্নতি চিহ্নিত করুন।
লাইটহাউস প্যানেলের সাহায্যে ওয়েবসাইটের গতি অপ্টিমাইজ করুন।
আপনার ওয়েবসাইটের পারফরম্যান্সের উপর পদক্ষেপযোগ্য অন্তর্দৃষ্টি পান।
লোড এবং রানটাইম কর্মক্ষমতা নিরীক্ষণ. ,লোড এবং রানটাইম কর্মক্ষমতা নিরীক্ষণ.
অন্যান্য প্যানেলে অ্যাক্সেস থাকার সময় উত্স ফাইলগুলি দেখুন এবং সম্পাদনা করুন৷ ,অন্যান্য প্যানেলে অ্যাক্সেস থাকার সময় উত্স ফাইলগুলি দেখুন এবং সম্পাদনা করুন৷
ডিভাইস সেন্সর অনুকরণ.
WebAudio API মেট্রিক্স দেখুন। ,WebAudio API মেট্রিক্স দেখুন।
প্রমাণীকরণকারীদের অনুকরণ করুন।

সেটিংস রেফারেন্স

পরীক্ষা-নিরীক্ষা