طريقة نسخ كود مصدر الصفحة لأي موقع ويب باستخدام فايرفوكس وكروم وإيدج (شرح بالصور)

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

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

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

طريقة نسخ كود أي موقع ويب باستخدام فايرفوكس

فيما يلي طرق مختلفة لنسخ الكود المصدري لموقع ويب باستخدام فايرفوكس:

1- عبر فتح مصدر الصفحة

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

بدلاً من ذلك، اضغط على Ctrl + U (ويندوز ، لينكس) أو Command + U (ماك أو إس). انسخ كل الكود الذي تحتاجه والصقه في محرر الكود الذي تختاره.

لعرض التعليمات البرمجية المصدر للصفحة بسهولة في فايرفوكس، انقر فوق زر القائمة، وحدد المزيد من الأدوات، وانقر فوق مصدر الصفحة.

2- استخدام اختصار لوحة المفاتيح F12

على غرار كروم، يمكنك أيضًا الوصول إلى كود موقع الويب في فايرفوكس Web Developer Tools ببساطة عن طريق الضغط على F12 على لوحة المفاتيح.

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

3- نسخ الكود المصدري لموقع الويب باستخدام أداة الفحص

مرة أخرى، تمامًا مثل كروم، يمكنك الوصول إلى كود موقع الويب في فايرفوكس أيضًا باستخدام المفتش المدمج. للقيام بذلك، انقر بزر الماوس الأيمن فوق الجزء المرئي من موقع الويب الهدف واضغط على Q أو انقر فوق فحص. يمكنك أيضًا الضغط على Ctrl + Shift + I (ويندوز ، لينكس) أو Command + Option + I (ماك أو إس).

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

4- استخدام قائمة “مزيد من الإجراءات” في فايرفوكس

لنسخ كود موقع ويب من قائمة “مزيد من الإجراءات” في فايرفوكس، من موقع الويب الذي تريد نسخ الكود منه، انقر فوق زر القائمة المكون من ثلاثة أسطر في الزاوية اليمنى العليا.

حدد أدوات أخرى وانقر فوق أدوات مطور الويب. من هنا يمكنك استخدام المفتش أو محرر الأنماط لنسخ الكود الذي تريده.

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

شرح بالصور لطريقة إنشاء موقع خاص بك من الصفر باستعمال كانفا مجاناً

طريقة نسخ التعليمات البرمجية “كود” من موقع ويب باستخدام كروم

يمكنك نسخ كود من مواقع الويب باستخدام الطريقة التالية في كروم:

1- عبر فتح مصدر الصفحة

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

انقر فوق عرض مصدر الصفحة أو اضغط على Ctrl + U (ويندوز ، لينكس) أو Command + U (ماك أو إس). انسخ بعض أو كل الكود الذي تريده والصقه في محرر الكود المفضل لديك.

2- استخدام اختصار لوحة المفاتيح F12

يمكنك الوصول بسهولة إلى كروم Developer Tools من خلال زيارة أي موقع ويب والضغط على F12. تحتوي أدوات مطوري كروم على كود موقع الويب الخاص بك وتعمل كأداة تصحيح للمطورين.

حدد كل الكود الذي تريده وانسخه والصقه في محرر الكود الذي تختاره.

3- نسخ الكود المصدري لموقع الويب باستخدام أداة الفحص

هناك طريقة أخرى للوصول إلى شريط أدوات مطوري كروم وهي من خلال أداة الفحص. للقيام بذلك، انتقل إلى موقع الويب حيث تريد نسخ الكود. الآن اضغط على Ctrl + Shift + I (ويندوز ، لينكس) أو Command + Option + I (ماك أو إس) للانتقال مباشرة إلى أدوات المطور.

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

4- عبر قائمة المزيد من الإجراءات في كروم

هناك طريقة أخرى لفحص كود موقع ويب باستخدام كروم Developer Tools وهي النقر فوق الزر “تفاصيل” في الزاوية اليمنى العليا من موقع الويب المعني. من خيارات القائمة، حدد المزيد من الأدوات، أدوات المطور.

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

موقع فيجما .. شرح مفصل لطريقة تصميم موقع الكتروني باستخدام Figma

طريقة نسخ كود أي موقع ويب باستخدام إيدج

يمكنك استخدام إيدج لنسخ كود موقع الويب الخاص بك بسهولة بعدة طرق، بما في ذلك:

1- عبر فتح مصدر الصفحة

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

بدلاً من ذلك، يمكنك الضغط على Ctrl + U (ويندوز ، لينكس) أو Command + U (ماك أو إس)، ونسخ الجزء الذي تريده، ولصقه في المحرر، والبدء في تعديل التعليمات البرمجية.

2- استخدام اختصار لوحة المفاتيح F12

إذا كنت تستخدم إيدج، فيمكنك نسخ كود موقع الويب ببساطة عن طريق الضغط على F12 عند زيارة موقع الويب الذي تريد نسخ الكود منه.

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

3- نسخ الكود المصدري لموقع الويب باستخدام أداة الفحص

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

يمكنك أيضًا الضغط على Ctrl + Shift + I (ويندوز ، لينكس) أو Command + Option + I (ماك أو إس). يمكنك بعد ذلك نسخ ولصق الكود الذي تستخدمه وتعديله.

4- استخدام زر المزيد من الإجراءات في إيدج

في إيدج، يمكنك أيضًا الوصول إلى Developer Toolbar من قائمة المزيد من الإجراءات. للقيام بذلك، انتقل إلى الموقع المطلوب ثم انقر على زر المزيد في الزاوية اليمنى العليا، وانقر على المزيد من الأدوات، ثم أدوات المطور.

إذا كان المستعرض الخاص بك يفتقد هذه الإعدادات أو الميزات، يمكنك التحقق مما إذا كانت محدثة.

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

بدلاً من ذلك، اضغط على Ctrl + Shift + F (ويندوز ، لينكس) أو Command + Option + F (ماك أو إس).

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

أصقل مهاراتك عبر نسخ كود الموقع المقدم

سواء كنت تستخدم كروم أو فايرفوكس أو إيدج أو أي متصفح ويب آخر قائم على Chromium (لهذا الأمر)، فإن نسخ الكود من أي مواقع يمكن أن يوفر لك الكثير من الوقت والجهد.

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