আমি কীভাবে ফর্ম্যাট করা জাভাস্ক্রিপ্ট কনসোল লগ বার্তাগুলি তৈরি করব

Question 1

আমি আজ ফেসবুকে ক্রোমে কনসোল দ্বারা 'আবদ্ধ'।
আশ্চর্যজনকভাবে আমি এই বার্তাটি কনসোলে পেয়েছি।

এখন আমার প্রশ্ন: এটি
কীভাবে সম্ভব?
আমি জানি যে কনসোলের জন্য কয়েকটি 'শোষণ' পদ্ধতি রয়েছে তবে আপনি কীভাবে কনসোলে এই জাতীয় ফন্ট বিন্যাস করতে পারবেন? (এবং এটি কনসোল.লগ?)

Question 2

হ্যাঁ, আপনি console.log()এরকম কিছু দিয়ে ফর্ম্যাট করতে পারেন:

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

%cপ্রথম যুক্তিটিতে পূর্ববর্তী পাঠ্য এবং দ্বিতীয় যুক্তিতে শৈলীর বৈশিষ্ট্যগুলি নোট করুন । পাঠ্যটি আপনার উদাহরণের মতো দেখাবে।

আরও তথ্যের জন্য গুগলের "স্টাইলিং কনসোল আউটপুট সিএসএস সহ" বা ফায়ারব্যাগের কনসোল ডকুমেন্টেশন দেখুন।

ডকুমেন্টেশন লিঙ্কগুলিতে কিছু অন্যান্য ঝরঝরে কৌশল যেমন কনসোল লগে অবজেক্ট লিঙ্কগুলি অন্তর্ভুক্ত থাকে।

Question 3

এটা চেষ্টা কর:

console.log("%cThis will be formatted with blue text", "color: blue");

দস্তাবেজের উদ্ধৃতি,

কনসোল.লগ () বা সম্পর্কিত পদ্ধতিতে আপনি কনসোলে যে কোনও স্ট্রিং লিখেছেন তাতে কাস্টম সিএসএস বিধি প্রয়োগ করতে আপনি% সি বিন্যাস নির্দিষ্টকরণকারকটি ব্যবহার করেন।

উত্স: https://developers.google.com/web/tools/chrome-devtools/console/console-writ#styling_console_output_with_css

Question 4

আপনি সাবস্ট্রিংগুলি ফর্ম্যাট করতে পারেন।

var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

Question 5

গুগলের ওয়েবসাইট থেকে: সাইট

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");