আপনি যদি দেখেন যে Console-এ একই কোড বারবার রান করছেন, তাহলে কোডটি স্নিপেট হিসেবে সেভ করার কথা বিবেচনা করুন। স্নিপেটের কাছে পৃষ্ঠার জাভাস্ক্রিপ্ট কনটেক্সটের অ্যাক্সেস আছে। এগুলি বুকমার্কলেট-এর বিকল্প।
আপনি সোর্স প্যানেলে স্নিপেট তৈরি করতে এবং যেকোনও পৃষ্ঠায় ও ছদ্মবেশী মোডে সেগুলি চালাতে পারবেন।
যেমন, নিচের স্ক্রিনশটে বাঁদিকে DevTools ডকুমেন্টেশন হোমপেজ এবং ডানদিকে সোর্স > স্নিপেট প্যানে কিছু স্নিপেট সোর্স কোড দেখানো হয়েছে।
এখানে স্নিপেট সোর্স কোড দেওয়া হল যা কিছু মেসেজ লগ করে এবং হোমপেজের HTML বডিকে <p> এলিমেন্ট দিয়ে পরিবর্তন করে, যাতে মেসেজ থাকে:
console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);
আপনি 
রান করুন বোতামে ক্লিক করলে, কনসোল ড্রয়ার পপ-আপ হয়ে Hello, Snippets! মেসেজ দেখায় যা স্নিপেট লগ করে এবং পৃষ্ঠার কন্টেন্ট পরিবর্তন হয়।
স্নিপেট প্যানেল খুলুন
স্নিপেট প্যানে আপনার স্নিপেটের তালিকা থাকে। স্নিপেট এডিট করতে, দুটি উপায়ের যেকোনও একটিতে এটি খুলুন:
সোর্স >
> স্নিপেট বিকল্পে যান।
কমান্ড মেনু থেকে:
- কমান্ড মেনু খুলতে Control+Shift+P (Windows/Linux) অথবা Command+Shift+P (Mac) প্রেস করুন।
Snippetsটাইপ করা শুরু করুন, স্ন্যাপশট দেখুন বিকল্প বেছে নিন এবং Enter প্রেস করুন।
সোর্স>স্নিপেট প্যানে আপনার সেভ করা স্নিপেটের তালিকা দেখায়, এই উদাহরণে এটি খালি।
স্নিপেট তৈরি করুন
আপনি Snippets প্যানে অথবা DevTools-এর যেকোনও জায়গায় কমান্ড মেনু থেকে সংশ্লিষ্ট কমান্ড রান করে স্নিপেট তৈরি করতে পারবেন।
স্নিপেট প্যানে আপনার স্নিপেট বর্ণানুক্রমিকভাবে সাজানো থাকে।
সোর্স প্যানেলে স্নিপেট তৈরি করুন
- স্নিপেট প্যানেল খুলুন।
নতুন স্নিপেট বিকল্পে ক্লিক করুন।আপনার স্নিপেটের জন্য একটি নাম লিখুন এবং সেভ করতে Enter প্রেস করুন।
কমান্ড মেনু থেকে স্নিপেট তৈরি করুন
- DevTools-এর মধ্যে যেকোনও জায়গায় আপনার কার্সর ফোকাস করুন।
- কমান্ড মেনু খুলতে Control+Shift+P (Windows/Linux) অথবা Command+Shift+P (Mac) প্রেস করুন।
Snippetটাইপ করা শুরু করুন, নতুন স্নিপেট তৈরি করুন বিকল্প বেছে নিন, তারপর কমান্ড রান করতে Enter প্রেস করুন।
আপনার নতুন স্নিপেটকে কাস্টম নাম দিতে চাইলে, স্নিপেটের নাম পরিবর্তন করুন বিকল্প দেখুন।
স্নিপেট এডিট করুন
- স্নিপেট প্যানেল খুলুন।
স্নিপেট প্যানে, আপনি যে স্নিপেট এডিট করতে চান সেটির নামে ক্লিক করুন। সোর্স প্যানেল এটি কোড এডিটর-এ খোলে।
আপনার স্নিপেটে কোড এডিট করতে কোড এডিটর ব্যবহার করুন। স্নিপেটের নামের পাশে একটি তারকাচিহ্ন থাকার অর্থ হল, আপনি এখনও আপনার পরিবর্তনগুলি সেভ করেননি।
সেভ করতে Control+S (Windows/Linux) বা Command+S (Mac) প্রেস করুন।
স্নিপেট রান করুন
স্ন্যাপশট তৈরি করার মতোই, আপনি এটি স্ন্যাপশট প্যানে এবং কমান্ড মেনু থেকে রান করতে পারবেন।
সোর্স প্যানেলে স্নিপেট রান করুন
- স্নিপেট প্যানেল খুলুন।
- আপনি যে স্নিপেট চালাতে চান সেটির নামের উপর ক্লিক করুন। সোর্স প্যানেল এটি কোড এডিটর-এ খোলে।
এডিটরের নিচে অ্যাকশন বারে
রান করুন বিকল্পে ক্লিক করুন,
অথবা Control+Enter (Windows/Linux) বা Command+Enter (Mac) প্রেস করুন।
কমান্ড মেনু থেকে স্নিপেট রান করুন
- DevTools-এর মধ্যে যেকোনও জায়গায় আপনার কার্সর ফোকাস করুন।
- কমান্ড মেনু খুলতে Control+O (Windows/Linux) অথবা Command+O (Mac) প্রেস করুন।
!অক্ষরটি টাইপ করুন এবং তারপরে আপনি যে স্নিপেটটি চালাতে চান তার নাম লিখুন।
স্নিপেট রান করতে Enter প্রেস করুন।
স্নিপেটের নাম পরিবর্তন করুন
- স্নিপেট প্যানেল খুলুন।
- স্নিপেটের নামের উপর মাউস নিয়ে গিয়ে ডানদিকের বোতামে ক্লিক করুন এবং নাম পরিবর্তন করুন বিকল্প বেছে নিন।
স্নিপেট মুছুন
- স্নিপেট প্যানেল খুলুন।
- স্নিপেটের নামের উপর ডানদিকের বোতামে ক্লিক করে সরিয়ে দিন বিকল্প বেছে নিন।