مایکروسافت^(Microsoft) پروژه منبع باز Chromium را برای مایکروسافت اج^{(Microsoft Edge)} جدید اتخاذ کرد و مرورگر قدیمی را به طور کامل بازسازی کرد. Edge اکنون همان موتور محبوب Google Chrome را اجرا می کند که دارای ویژگی های بسیار هیجان انگیزی است. ظهور مجدد مرورگر مایکروسافت اج^{(Microsoft Edge)} که به دلیل این ویژگی های برجسته بر روی کاربران خریداری شده است. این مرورگر مبتنی بر Chromium از نسخه های قدیمی ویندوز^(Windows) و دستگاه های ARM64 پشتیبانی می کند.

این مرورگر برای هر کاربر چیزی در اختیار دارد - از کاربران معمولی گرفته تا توسعه دهندگان. ابزار توسعه‌دهنده Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} جایی است که می‌توانید HTML صفحه وب ، مشاهده یا اشکال‌زدایی کد و غیره  را بررسی و تغییر دهید. میانبر F12 DevTools را برای Edge در ویندوز^(Windows) باز می‌کند ، اما ممکن است به دلایلی بخواهید این میانبر را غیرفعال کنید. ما یاد خواهیم گرفت که چگونه F12 را برای DevTools غیرفعال کنیم ، اما قبل از آن، اجازه دهید این بخش را در مرورگر بررسی کنیم.

گزینه های موجود در ابزارهای توسعه دهنده^{(Developer Tools)} مایکروسافت اج

بخش Developer Tools منطقه ای برای کاربران قدرتمند است و دلیل آن در اینجا آمده است - دارای عملکردهای مفید زیادی است. در اینجا پانل هایی هستند که در DevTools دریافت می کنید:

• عناصر: ^(Elements:) ویژگی‌های^(Inspect) دسترسی را بررسی کنید، کدهای CSS^(CSS) و HTML را ویرایش کنید، شنوندگان رویدادها، نقاط شکست DOM را تغییر دهید .
• عملکرد:^{(Performance:)} منابع سیستم مورد نیاز وب سایت خود را مشاهده کنید .^(View)
• منابع: ^(Sources:) مشاهده^(View) وضعیت وب سایت با کد جاوا اسکریپت^(JavaScript) ، کد مرحله به مرحله، تعیین نقاط شکست. همچنین، کدهای صفحه وب را در اینجا تغییر دهید.
• کنسول:^(Console:) گره‌های DOM و اشیاء جاوا اسکریپت را بررسی کنید، اشیاء ^(JavaScript)جاوا اسکریپت^(JavaScript) را برای پنجره اجرا کنید و پیام‌های گزارش را ببینید.
• حافظه: منابع حافظه را ^(Memory:) مشاهده کنید^(Observe) و عکس های فوری را از زمان اجرای کد مقایسه کنید.
• شبکه:^(Network:) درخواست ها را رصد کرده و پاسخ ها را بررسی کنید .^(Monitor)
• امنیت:^(Security:) جایی که آسیب‌پذیری‌ها را اشکال‌زدایی می‌کنید و اتصالات HTTPS را عیب‌یابی می‌کنید .
• Lighthouse: ممیزی وب سایت را برای بهبود عملکرد کلی، ساخت PWA ، رفع اشکال و رفع خطاها اجرا کنید .^(Run)
• برنامه: کارمندان سرویس را ^{(Application:)} بازرسی^(Inspect) ، ویرایش و اشکال‌زدایی کنید، حافظه‌های پنهان و مانیفست‌های برنامه وب آن را بررسی کنید. همچنین پایگاه‌های داده، ذخیره‌سازی و حافظه‌های پنهان را بررسی کرده و آنها را مدیریت کنید.

کلید F12^(F12) را برای Developer Tools در Edge غیرفعال کنید

گزینه رفتن به Developer Tools در Edge Canary نشان داده شد و از آن زمان تا به حال یکی از پایه‌های اصلی بوده است. به زودی برای نسخه های Edge Stable در دسترس خواهد بود .

در این بخش، نحوه غیرفعال کردن این میانبر را به شما نشان خواهم داد.

ابتدا Microsoft Edge را اجرا کنید و میانبر صفحه کلید ALT + F تنظیمات^(Settings) را از منو انتخاب  کنید.

اینجاست که  با فشار دادن کلید F12 گزینه Open DevTools را^{(Open the DevTools when the F12 key is pressed)} غیرفعال یا فعال می‌کنید .

^(Toggle)برای غیرفعال کردن آن گزینه را خاموش کنید .

در نهایت مرورگر مایکروسافت اج^{(Microsoft Edge)} را ریستارت کنید.

هنگام راه اندازی مجدد، F12 را فشار دهید و متوجه خواهید شد که دیگر شما را به صفحه Developer Tools نمی برد .

امیدوارم این کمک کند.

Disable F12 keyboard shortcut for Microsoft Edge Developer Tools

Miсrоsoft adopted the oрen-source Chrоmium project for the new Microsoft Edge, completely overhauling the old browser. Edge now runs the same engine as the popular Google Chrome, which comes with pretty exciting features. The reemergence of the Microsoft Edge browser bought over users because of these outstanding features. This Chromium-based browser supports older Windows editions and ARM64 devices.

The browser has something in store for every user – from casual users to developers. Edge’s Developer Tools (DevTools) is where you can inspect and modify a webpage’s HTML, view or debug code, etc. The F12 shortcut opens DevTools for Edge in Windows, but you may wish to disable this shortcut for some reason. We’ll learn how to disable F12 for DevTools, but before that, let’s explore this section on the browser.

Options available in Microsoft Edge’s Developer Tools

The Developer Tools section is the go-to area for power users, and here’s why – it contains loads of useful functions. Here are the panels you get in DevTools:

• Elements: Inspect accessibility properties, edit CSS and HTML code, event listeners, modify DOM breakpoints.
• Performance: View the system resources your website needs.
• Sources: View the website’s state by JavaScript code, step through code, set breakpoints. Also, modify webpage codes here.
• Console: Inspect DOM nodes and JavaScript objects, run JavaScript objects for the window, and see log messages.
• Memory: Observe memory resources and compare snapshots from code runtime.
• Network: Monitor requests and inspect the responses.
• Security: Where you debug vulnerabilities and troubleshoot HTTPS connections.
• Lighthouse: Run website audits to improve overall performance, build a PWA, catch bugs, and fix errors.
• Application: Inspect, edit, and debug service workers its caches, and web app manifests. Also, inspect databases, storage, and caches and manage them.

Disable F12 key for Developer Tools in Edge

The option to go to Developer Tools showed up in Edge Canary and has been a mainstay ever since. It will soon be available for the Edge Stable versions.

In this section, I’ll show you how to disable this shortcut.

First, launch Microsoft Edge and press the ALT + F keyboard shortcut. Choose Settings from the menu.

This is where you disable or enable the option to Open the DevTools when the F12 key is pressed.

Toggle off the option to disable it.

Finally, restart the Microsoft Edge browser.

On restarting, press F12, and you’ll notice that it no longer takes you to the Developer Tools screen.

Hope this helps.

Related posts

• چگونه برای تغییر User Agent and Geolocation در Edge Developer Tools

• غیر فعال کردن Developer Tools در Edge با استفاده از Registry or Group Policy

• پاک کردن Site Data برای سایت خاص در Chrome or Edge با استفاده از Developer Tools

• Identify فونت در Chrome، Edge and Firefox با استفاده از Developer Tools

• نحوه حذف دکمه MENU Extensions از Microsoft Edge toolbar

• Assign Backspace key برای بازگشت به صفحه در Microsoft Edge

• Best Themes برای Microsoft Edge از Edge Extensions and Add-ons Store

• نحوه راه اندازی Security Key برای Microsoft Account

• Microsoft Edge نمی خواهد در ویندوز 11/10 باز

• نحوه ارسال Tabs به دستگاه های دیگر با Microsoft Edge

• نحوه غیر فعال کردن و یا توقف Video Autoplay در Microsoft Edge

• چگونه صفحه Microsoft Edge New tab را سفارشی کنید

• نحوه استفاده از Smart Copy در Microsoft Edge

• رفع این extension error در Microsoft Edge couldn't load

• Microsoft Edge نگه می دارد Auto-resetting در Restart در Windows 10

• نحوه پنهان کردن Title Bar با Vertical Tabs در Microsoft Edge

• فعال کردن System Print Dialog در Microsoft Edge در Windows 10

• نحوه بازی Surf Game جدید در Microsoft Edge

• Microsoft Edge Browser Tips and Tricks برای Windows 10

• نحوه خاموش کردن Microsoft Edge اطلاعیه های فشار وب سایت