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