هوش مصنوعی Gemini در Chrome DevTools برای رفع اشکال خطاها

Summarize this content to 400 words in Persian Lang

معرفی

جمینی که قبلا با نام بارد شناخته می شد، یک چت بات هوش مصنوعی مولد است که توسط گوگل توسعه یافته است. (منبع: ویکی پدیا)

TLDR: Gemini ChatGPT دیگری است اما توسط گوگل 🙂

در این وبلاگ، ما در مورد Gemini بحث خواهیم کرد – نه معمولی، بلکه چیزی که اکنون در Chrome DevTools ادغام شده است و به ما کمک می کند همان جا اشکال زدایی کنیم. به جای اینکه کد را از کنسول به چند ربات چت هوش مصنوعی مانند Gemini، ChatGPT یا GitHub Copilot Chat کپی کنید.

این ویژگی به عنوان نامیده می شود پیام های کنسول را با هوش مصنوعی درک کنید

اسناد رسمی: https://developer.chrome.com/docs/devtools/console/understand-messages

توضیح ویدیویی

من یک ویدیو کوتاه و سریع برای این توضیح تهیه کرده ام:

قابلیت را فعال کنید

برای اینکه بتوانید این ویژگی را فعال کنید، باید:

Chrome DevTools را باز کنید (F12 را فشار دهید)
به Settings > Preference > Console بروید
روشن کن “درک پیام های کنسول با هوش مصنوعی”

پیام های کنسول را با هوش مصنوعی درک کنید

اکنون جادو تا حدودی شبیه چیزی است که ما از زمان معرفی چنین ابزارهایی تجربه کرده ایم.

بیایید نگاهی به آن بیندازیم.

یک Chrome DevTool را در هر صفحه وب، ترجیحاً یک صفحه خالی باز کنید و در صورت وجود گزارش‌ها را پاک کنید.

شما می توانید گزارش ها را با فشار دادن “CTRL + L” یا با کلیک کردن در بالا سمت چپ (نماد دوم) همانطور که در زیر نشان داده شده است پاک کنید:

حالا کدی مانند این تایپ کنید:

const a = 1
a = 2

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این باید باعث ایجاد خطا در کنسول مانند زیر شود:

اگر ماوس را روی خطا نگه دارید، نماد یک لامپ را در بالا سمت راست خواهید دید:

همانطور که ماوس را روی آن می‌برید، بزرگ می‌شود و «درک این خطا» را به شما نشان می‌دهد:

پس از کلیک بر روی آن، از شما در مورد اجازه ارسال داده ها به Google برای درک زمینه سؤال می شود:

پس از کلیک بر روی پذیرش، توضیح خطا و راه حل احتمالی آن نیز به شما ارائه می شود:

توضیح و راه حل توسط Gemini در کنسول

در زیر توضیح و راه حل ارائه شده توسط Gemini در هنگام تلاش برای نوشتن وبلاگ ارائه شده است:

خطای “Uncaught TypeError: انتساب به متغیر ثابت” به این معنی است که شما سعی می کنید مقدار متغیری را که به عنوان ثابت اعلام شده است با استفاده از const یا (در برخی موارد) اجازه دهید در بلوکی که قبلاً تعریف شده است تغییر دهید.

در اینجا دلیل دریافت خطا و نحوه رفع آن است:

با استفاده از const: اگر متغیر a را با استفاده از const قبلا در کد خود اعلام کرده باشید، نمی توانید مقدار جدیدی به آن اختصاص دهید. const ثابت هایی را ایجاد می کند که قرار است مقادیری را نگه دارند که نباید تغییر کنند.

const a = 2;
a = 5; // This will cause the error

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ثابت:اگر نیاز به تغییر مقدار دارید، به جای const از let استفاده کنید:

let a = 2;
a = 5; // This is now allowed

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

اگر مقدار باید واقعاً ثابت بماند، سعی نکنید آن را دوباره اختصاص دهید.

اعلام مجدد با let in the same block: اگر از let برای اعلام یک درون یک بلوک (مانند عبارت if یا یک حلقه) استفاده کرده باشید و سپس سعی کنید آن را با let دوباره در همان بلوک اعلام کنید، با این خطا مواجه خواهید شد.

if (true) {
let a = 2;
let a = 5; // Error: Cannot redeclare ‘a’ in the same block
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ثابت:به سادگی مقدار جدید را بدون استفاده از let دوباره اختصاص دهید:

if (true) {
let a = 2;
a = 5; // This is now correct
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

دامنه جهانی و حالت دقیق: اگر صراحتاً a را با var، let یا const اعلام نمی‌کنید، و در حالت سخت (استفاده از «استفاده از سخت») هستید، مرورگر آن را به‌عنوان تلاشی برای اختصاص دادن به یک متغیر اعلام‌نشده در نظر می‌گیرد، که همچنین مجاز نیست

“use strict”;
a = 2; // Error in strict mode

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ثابت:همیشه متغیرهای خود را با استفاده از var، let یا const اعلام کنید تا از این مشکل جلوگیری کنید:

“use strict”;
let a = 2; // Now it’s correct

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای کمک به من در ارائه راه حل دقیق تر، لطفا موارد زیر را ارائه دهید:کد اطراف: کدی را که در آن اعلام می کنید به من نشان دهید و سعی کنید متغیر a را تغییر دهید.اینکه آیا از حالت سخت‌گیرانه استفاده می‌کنید: اگر «استفاده از سخت‌گیری» را در بالای فایل جاوا اسکریپت خود دارید، به من اطلاع دهید.وقتی این اطلاعات را ارائه کردید، می‌توانم یک راه‌حل مناسب برای رفع خطا در برنامه وب به شما ارائه دهم!

نتیجه

این یک ادغام بسیار جالب از Gemini است که توسط Google در Chrome DevTools معرفی شده است تا به ما کمک کند فوراً اشکال زدایی کنیم.

امیدوارم مقاله کمک کند 🙂

کد نویسی مبارک! 🚀

برای اینگونه مطالب بیشتر مرا دنبال کنید:

🚀 در یوتیوب دنبال کنید

🚀 در لینکدین دنبال کنید

🚀 در GitHub دنبال کنید

const a = 1
a = 2

const a = 2; 
   a = 5; // This will cause the error

let a = 2;
     a = 5; // This is now allowed

if (true) {
       let a = 2;
       let a = 5; // Error: Cannot redeclare 'a' in the same block
   }

if (true) {
         let a = 2;
         a = 5; // This is now correct
     }

"use strict";
   a = 2; // Error in strict mode

"use strict";
     let a = 2; // Now it's correct