كيفية فتح وحدة تحكم المتصفح على Chrome و Safari و Firefox و Edge



جرب أداة القضاء على المشاكل

السبب الأكثر شيوعًا وراء رغبة المستخدمين في فتح وحدة تحكم المتصفح الخاصة بهم هو تحديد المشكلات المتعلقة بتحرير الصفحة ، وعناصر الواجهة المعطلة ، وحجب سوء التصرف ، وإعلانات أنواع أخرى من أخطاء وتعارضات JavaScripts. ومع ذلك ، يحتوي كل متصفح على اختصاراته وخطواته الخاصة التي ستسمح لك في النهاية بفتح وحدة التحكم والاطلاع على النهاية الخلفية لصفحة الويب التي تزورها.



كيفية فتح وحدة التحكم على متصفحك الافتراضي



نظرًا لوجود أربعة متصفحات مختلفة فقط مع حصة سوقية تزيد عن 5٪ (Chrome و Safari و Edge و Firefox) ، سنعرض لك طرقًا متعددة لفتح وحدة التحكم على كل منها. لكن ضع في اعتبارك أنه مع كل متصفح ، يتم ترميز العناصر والأخطاء بشكل عام بشكل مختلف.



كيفية فتح وحدة التحكم على جوجل كروم

على Chrome ، هناك بالفعل ثلاث طرق مختلفة تسمح لك بفتح وحدة التحكم المدمجة.

بغض النظر عن إصدار Chrome الذي تستخدمه ، يمكنك استخدام أحد هذه الاختصارات لفتح وحدة التحكم المدمجة وإغلاقها:

  • F12
  • Ctrl + Shift + J (Cmd + Option + J في نظام Mac)

ضع في اعتبارك أنه يمكن أيضًا استخدام نفس الاختصارات لإخفاء وحدة التحكم. بشكل افتراضي ، تأخذ وحدة التحكم في Google Chrome نصف الشاشة بالضبط ، ولكن يمكنك ضبط النسبة بسهولة عبر شريط التمرير في المنتصف وسيتذكر المتصفح التعديل في المرة التالية التي تفتح فيها وحدة التحكم.



إذا كنت ترغب في التركيز على عنصر معين ، فيمكنك ببساطة تمييزه بالماوس ثم النقر بزر الماوس الأيمن فوقه> فحص. سيؤدي هذا إلى فتح ملف عناصر علامة التبويب و الأنماط علامة تبويب وحدة التحكم ، مما يسمح لك بالتركيز على العنصر في متناول اليد.

فحص عنصر باستخدام وحدة تحكم Google Chrome

ومع ذلك ، يمكنك أيضًا الوصول إلى وحدة التحكم عبر قائمة واجهة المستخدم الرسومية في Google Chrome. للقيام بذلك ، ما عليك سوى النقر فوق زر الإجراء في الزاوية العلوية اليمنى والانتقال إلى المزيد من الأدوات> أدوات المطور .

ادوات المطورين

إذا كنت تتطلع إلى العمل بأكبر قدر ممكن من الكفاءة ، فإليك قائمة بـ اختصارات وحدة تحكم Chrome يمكنك استخدامها.

كيفية فتح وحدة التحكم على Google Microsoft Edge

مثل أي متصفح آخر ، مايكروسوفت إيدج يحتوي أيضًا على أداة وحدة تحكم مخصصة للمطورين الذين يقومون بتصحيح تفاعلي أو اختبار مخصص.

تسجل هذه الأداة المعلومات المرتبطة بصفحة الويب التي تتم زيارتها. ستجد معلومات متعلقة بجافا سكريبت وطلبات الشبكة و أخطاء أمنية .

تتمثل الطريقة السهلة لفتح أداة وحدة التحكم في Microsoft Edge في استخدام الاختصار المحدد مسبقًا ( مفتاح F12 ).

ولكن يمكنك أيضًا القيام بذلك عبر قائمة واجهة المستخدم الرسومية بالنقر فوق ملف زر الإجراء (الزاوية العلوية اليسرى)> المزيد من الأدوات> أدوات المطور .

فتح أدوات Developer على Edge عبر قائمة GUI

وعلى غرار الوظائف الموجودة في المتصفحات الأخرى ، يتيح لك Microsoft Edge أيضًا فحص عناصر محددة باستخدام وحدة التحكم المضمنة. للقيام بذلك ، ما عليك سوى تحديد عنصر والنقر فوقه بزر الماوس الأيمن واختيار تدقيق العنصر.

فحص عنصر في Microsoft Edge

فيما يلي قائمة ببعض الاختصارات المفيدة التي يمكنك استخدامها داخل وحدة التحكم المضمنة في Microsoft Edge:

بدء تشغيل وحدة التحكم في وضع التركيز السيطرة + تحول + ي
التحول إلى وحدة التحكم السيطرة + 2
إظهار أو إخفاء وحدة التحكم من علامة تبويب DevTools أخرى السيطرة + ' (علامة للخلف)
تنفيذ (أمر من سطر واحد) أدخل
فاصل أسطر بدون تنفيذ (أمر متعدد الأسطر) تحول + أدخل أو السيطرة + أدخل
امسح لوحة التحكم لجميع الرسائل السيطرة + إل
تصفية السجلات (ضبط التركيز على مربع البحث) السيطرة + F
قبول اقتراح الإكمال التلقائي (عندما يكون في التركيز) أدخل أو التبويب
اقتراح الإكمال التلقائي السابق / التالي مفتاح السهم لأعلى / مفتاح السهم لأسفل

كيفية فتح وحدة التحكم على Mozilla Firefox

تعمل وحدة التحكم المدمجة في Mozilla Firefox بشكل مختلف قليلاً عن المناظرات الأخرى التي حللناها حتى الآن. ما أعنيه بهذا هو أنه سيتم فتحه تلقائيًا في نافذة قائمة بذاتها ، بدلاً من تقسيم شاشة المتصفح إلى النصف.

يسمح هذا بنهج أكثر إنتاجية للأشخاص الذين لديهم شاشات ثانية ، ولكنه قد يعترض طريق المستخدمين الذين يحتاجون إلى العمل باستخدام شاشة واحدة صغيرة. (إذا كنت في هذا السيناريو ، يمكنك استخدام اختصار Alt + Tab للتنقل ذهابًا وإيابًا بين Firefox ووحدة تحكم المتصفح المرتبطة.

لفتح وحدة تحكم المتصفح المدمجة في Mozilla Firefox ، لديك ثلاثة خيارات:

  • يمكنك إما استخدام الاختصار العام - Ctrl + Shift + J. (أو Cmd + Shift + J على جهاز Mac)
  • يمكنك فتحه من قائمة الإجراء - بالنقر فوق قائمة الإجراء> مطور ويب> وحدة تحكم المستعرض .

الوصول إلى وحدة تحكم المتصفح

  • أو يمكنك إجبار Browser Console على الفتح مباشرة عن طريق تشغيل Firefox من سطر الأوامر وتمرير الوسيطة '-jsconsole':
    /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole

ملحوظة: يتضمن Firefox أيضًا ملف وحدة تحكم الويب ، والتي تشبه إلى حد بعيد وحدة تحكم المتصفح ولكنها تُطبق على علامة تبويب محتوى واحدة بدلاً من المتصفح بأكمله.

كيفية فتح وحدة التحكم على Google Safari

على عكس أي متصفح آخر نظرنا إليه حتى الآن ، يتم تعطيل وحدة التحكم في الخطأ في Safari افتراضيًا. لهذا السبب ، ستحتاج إلى القيام بخطوة إضافية لتمكينه على متصفحك.

للقيام بذلك ، افتح Safari وانقر فوق التفضيلات التبويب. بمجرد دخولك إلى التفضيلات علامة التبويب ، انقر فوق علامة التبويب خيارات متقدمة وحدد المربع المرتبط بـ عرض تطوير القائمة في شريط القائمة.

تمكين وحدة التحكم على Safari

الآن بعد أن جعلت وحدة التحكم مرئية ، يمكنك فتحها من خلال الوصول إلى طور علامة التبويب في الجزء العلوي والنقر فوق إظهار وحدة التحكم بالخطأ .

إظهار وحدة التحكم بالأخطاء على Safari

لا تنسى سفاري لديه طريقة ديناميكية لعرض وحدة التحكم في الخطأ. إذا كانت النافذة صغيرة عند فتح وحدة التحكم ، فسترى ذلك في نافذة مختلفة تمامًا.

إذا كنت تريد فتح وحدة التحكم في نفس نافذة صفحتك ، فستحتاج إلى التأكد من أن نافذة المتصفح بالحجم الكامل قبل فتح وحدة التحكم في الأخطاء.

فتح وحدة التحكم في الخطأ على Safari

العلامات شبابيك 4 دقائق للقراءة