اگر متوجه شدید که همان کد را به‌طور مکرر در کنسول اجرا می‌کنید، درعوض کد را به‌عنوان تکه‌کد ذخیره کنید. گزیده‌ها به بافت جاوا اسکریپت صفحه دسترسی دارند. این برنامه‌ها جایگزینی برای bookmarklets هستند.
می‌توانید در پانل منابع قطعه کد بنویسید و آن‌ها را در هر صفحه‌ای و در حالت ناشناس اجرا کنید.
برای مثال، نماگرفت زیر صفحه اصلی اسناد 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 را فشار دهید.
قاب منابع>گزیده‌ها فهرستی از گزیده‌هایی را که ذخیره کرده‌اید نشان می‌دهد، که در این مثال خالی است.
ایجاد تکه‌کد
می‌توانید قطعه‌ها را در قاب قطعه‌ها یا با اجرای فرمان مربوطه از منو فرمان در هر جایی از DevTools ایجاد کنید.
صفحه قطعه‌ها قطعه‌های شما را به‌ترتیب حروف الفبا مرتب می‌کند.
ایجاد قطعه در پانل «منابع»
- صفحه «گزیده‌ها» را باز کنید.
- روی
تکه‌کد جدید کلیک کنید. نامی برای قطعه‌تان وارد کنید و برای ذخیره کردن، کلید ورود را فشار دهید.
ایجاد قطعه از «منو فرمان»
- مکان‌نما را در جایی داخل 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 را فشار دهید.
تغییر نام قطعه‌ها
- صفحه «گزیده‌ها» را باز کنید.
- روی نام قطعه کلیک راست کنید و تغییر نام را انتخاب کنید.
حذف گزیده‌ها
- صفحه «گزیده‌ها» را باز کنید.
- روی نام قطعه کلیک‌راست کنید و برداشتن را انتخاب کنید.