^(Microsoft)تبنت Microsoft مشروع Chromium مفتوح المصدر لبرنامج Microsoft Edge الجديد ، مما أدى إلى إصلاح المتصفح القديم بالكامل. يدير Edge الآن نفس محرك Google Chrome الشهير ، والذي يأتي بميزات مثيرة للغاية. إعادة ظهور متصفح Microsoft Edge تم شراؤه على المستخدمين بسبب هذه الميزات البارزة. يدعم هذا المستعرض المستند إلى Chromium إصدارات Windows القديمة وأجهزة ^(Windows)ARM64 .

يحتوي المتصفح على شيء ما في المتجر لكل مستخدم - من المستخدمين العاديين إلى المطورين. أدوات مطور Edge (DevTools)^{(Edge’s Developer Tools (DevTools))} هي المكان الذي يمكنك فيه فحص وتعديل HTML لصفحة الويب ، أو عرض أو تصحيح التعليمات البرمجية ، وما إلى ذلك.  يفتح الاختصار F12 DevTools لـ Edge في Windows ، ولكن قد ترغب في تعطيل هذا الاختصار لسبب ما. سنتعلم كيفية تعطيل F12 لـ DevTools ، ولكن قبل ذلك ، دعنا نستكشف هذا القسم في المتصفح.

الخيارات المتاحة في أدوات المطور Microsoft Edge^{(Developer Tools)}

قسم أدوات المطور^{(Developer Tools)} هو منطقة الانتقال للمستخدمين المحترفين ، وإليك السبب - يحتوي على الكثير من الوظائف المفيدة. فيما يلي اللوحات التي تحصل عليها في DevTools:

• العناصر: ^(Elements:) فحص^(Inspect) خصائص إمكانية الوصول ، وتحرير كود CSS و HTML ، وأدوات الاستماع للأحداث ، وتعديل نقاط توقف DOM .
• الأداء: ^{(Performance:)} عرض^(View) موارد النظام التي يحتاجها موقع الويب الخاص بك.
• المصادر: ^(Sources:) عرض^(View) حالة موقع الويب عن طريق كود JavaScript ، وتخطي التعليمات البرمجية ، وتعيين نقاط التوقف. ^(JavaScript)أيضا ، قم بتعديل رموز صفحة الويب هنا.
• وحدة التحكم:^(Console:) افحص عُقد DOM وكائنات ^(DOM)JavaScript ، وقم بتشغيل كائنات JavaScript للنافذة ، وشاهد رسائل السجل.
• الذاكرة: ^(Memory:) مراقبة^(Observe) موارد الذاكرة ومقارنة اللقطات من وقت تشغيل التعليمات البرمجية.
• الشبكة: ^(Network:) راقب^(Monitor) الطلبات وفحص الردود.
• الأمان:^(Security:) حيث تقوم بتصحيح الثغرات الأمنية واستكشاف أخطاء اتصالات HTTPS وإصلاحها .
• Lighthouse: قم بإجراء^(Run) عمليات تدقيق موقع الويب لتحسين الأداء العام ، وإنشاء PWA ، والتقاط الأخطاء ، وإصلاح الأخطاء.
• التطبيق: ^{(Application:)} فحص^(Inspect) العاملين في الخدمة وتحريرهم وتصحيح أخطائهم في ذاكرات التخزين المؤقت وبيانات تطبيقات الويب. أيضًا ، قم بفحص قواعد البيانات والتخزين والمخابئ وإدارتها.

قم بتعطيل مفتاح F12 لأدوات المطور^{(Developer Tools)} في Edge

ظهر خيار الانتقال إلى Developer Tools في Edge Canary وكان دعامة أساسية منذ ذلك الحين. سيكون متاحًا قريبًا لإصدارات Edge Stable .

في هذا القسم ، سأوضح لك كيفية تعطيل هذا الاختصار.

أولاً ، قم بتشغيل Microsoft Edge واضغط على اختصار لوحة المفاتيح ALT + F اختر  الإعدادات^(Settings) من القائمة.

هذا هو المكان الذي تقوم فيه بتعطيل أو تمكين خيار  فتح DevTools عند الضغط على المفتاح F12^{(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сrosoft adopted the open-source Chromium 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

• كيفية إزالة زر القائمة Extensions من Microsoft Edge toolbar

• كيفية تخصيص صفحة Microsoft Edge New tab

• إصلاح WE NA NA الذي يمكن أن نستخدمه 8971511 extension error في Microsoft Edge

• كيفية حظر موقع الويب في Microsoft Edge على Windows 10

• كيفية إعداد Security Key ل Microsoft Account

• تمكين System Print Dialog في Microsoft Edge في Windows 10

• كيفية استخدام الصورة في Picture mode على Microsoft Edge Browser

• كيفية تثبيت ملحقات في Microsoft Edge browser

• يتم تكوين سياسات التحديث ولكن سيتم تجاهله - Microsoft Edge

• كيفية استخدام Super Duper Secure Mode في Microsoft Edge

• كيفية مشاركة web page URL باستخدام Microsoft Edge browser

• Assign Backspace key للعودة إلى صفحة في Microsoft Edge

• Microsoft Edge browser توقف، وتجميد، وتحطم أو لا يعمل

• كيفية تحديد مواقع الويب إلى Taskbar مع Microsoft Edge

• أضف Home button إلى Microsoft Edge browser

• Fix Microsoft Edge Installation & Update error codes