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

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

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

প্যানেল

প্রতিটি DevTools প্যানেলের শক্তি আবিষ্কার করুন।
কিভাবে একটি পৃষ্ঠার DOM দেখতে এবং পরিবর্তন করতে হয় তা জানুন।
কিভাবে একটি পৃষ্ঠার CSS দেখতে এবং পরিবর্তন করতে হয় তা জানুন।
বার্তা লগ করুন এবং JavaScript চালান।
ফাইলগুলি দেখুন এবং সম্পাদনা করুন, স্নিপেট তৈরি করুন, জাভাস্ক্রিপ্ট ডিবাগ করুন এবং একটি ওয়ার্কস্পেস সেট আপ করুন৷
লগ নেটওয়ার্ক অনুরোধ.
ওয়েবসাইট কর্মক্ষমতা মূল্যায়ন.
মেমরির সমস্যাগুলি খুঁজুন যা পৃষ্ঠার কার্যক্ষমতাকে প্রভাবিত করে, মেমরি লিক সহ, এবং আরও অনেক কিছু।
ওয়েব অ্যাপ্লিকেশানগুলি পরিদর্শন করুন, সংশোধন করুন এবং ডিবাগ করুন, ক্যাশে পরীক্ষা করুন, সঞ্চয়স্থান দেখুন এবং আরও অনেক কিছু করুন৷
রেকর্ড করুন, রিপ্লে করুন, ব্যবহারকারীর প্রবাহ পরিমাপ করুন এবং তাদের পদক্ষেপগুলি সম্পাদনা করুন৷
বিকল্পগুলির একটি সংগ্রহ আবিষ্কার করুন যা ওয়েব সামগ্রী রেন্ডারিংকে প্রভাবিত করে৷
আপনার ওয়েবসাইটের সমস্যাগুলি খুঁজুন এবং ঠিক করুন।
নিশ্চিত করুন যে একটি পৃষ্ঠা সম্পূর্ণরূপে HTTPS দ্বারা সুরক্ষিত।
JavaScript-এ একটি ArrayBuffer, TypedArray বা DataView, সেইসাথে WebAssembly এবং C++ Wasm অ্যাপের মেমরি পরিদর্শন করুন।
ব্যবহারকারী এজেন্ট স্ট্রিং ওভাররাইড করুন।
ব্রাউজার ট্যাবে তথ্য দেখুন এবং মিডিয়া প্লেয়ার ডিবাগ করুন।
পরিদর্শন এবং অ্যানিমেশন পরিবর্তন.
HTML, CSS, এবং JavaScript-এ পরিবর্তনগুলি ট্র্যাক করুন।
অব্যবহৃত জাভাস্ক্রিপ্ট এবং CSS কোড খুঁজুন এবং বিশ্লেষণ করুন।
উৎস মানচিত্র সফলভাবে লোড হয়েছে কিনা তা পরীক্ষা করুন এবং ম্যানুয়ালি লোড করুন।
সম্ভাব্য CSS উন্নতি চিহ্নিত করুন।
লাইটহাউস প্যানেলের সাহায্যে ওয়েবসাইটের গতি অপ্টিমাইজ করুন।
আপনার ওয়েবসাইটের পারফরম্যান্সের উপর পদক্ষেপযোগ্য অন্তর্দৃষ্টি পান।
ডিভাইস সেন্সর অনুকরণ.
প্রমাণীকরণকারীদের অনুকরণ করুন।