كيفية نسخ التعليمات البرمجية من مواقع الويب باستخدام Chrome و Firefox و Edge

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

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

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

يمكنك نسخ رمز من موقع ويب باستخدام الطرق التالية على Chrome.

عبر مصدر الصفحة

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

انقر اظهر مصدر الصفحة أو اضغط ببساطة Ctrl + U (Windows أو Linux) أو Command + U (macOS). انسخ جزء الكود الذي تريده أو كله والصقه في محرر الكود المفضل لديك.

عبر اختصار F12

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

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

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

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

من خلال قائمة المزيد من الإجراءات في Chrome

هناك طريقة أخرى لاستكشاف رمز موقع الويب عبر Dev Tools في Chrome وهي النقر فوق زر النقاط الثلاث في الزاوية العلوية اليمنى من موقع الويب المستهدف. من خيارات القائمة ، حدد أدوات أكثر، ثم ادوات المطورين.

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

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

فيما يلي طرق مختلفة لنسخ رمز موقع الويب باستخدام Firefox.

اظهر مصدر الصفحة

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

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

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

عبر اختصار لوحة المفاتيح F12

تمامًا مثل Chrome ، يمكنك أيضًا الوصول إلى رمز موقع ويب في Firefox Dev Tools ببساطة عن طريق الضغط على المفتاح F12 على لوحة المفاتيح.

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

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

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

عبر قائمة إجراءات المزيد في Firefox

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

يختار أدوات أكثر، ثم اضغط أدوات مطوري الويب. من هنا ، يمكنك استخدام المفتش أو محرر النمط لنسخ الكود المطلوب.

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

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

يمكنك بسهولة نسخ رمز موقع الويب بطرق مختلفة باستخدام Edge على النحو التالي.

اظهر مصدر الصفحة

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

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

عبر اختصار لوحة المفاتيح F12

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

أكد اختيارك بالضغط افتح DevTools. في لوحة Dev Tools ، يمكنك بسهولة نسخ كل الكود الذي تريده وجعل عملك أسرع.

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

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

عبر زر المزيد من الإجراءات في Edge

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

إذا كان متصفحك يفتقر إلى أي من هذه الخيارات أو الميزات ، فقد ترغب في التحقق مما إذا كان محدثًا. هنا كيفية التحقق من Chrome و Firefox و Edge وتحديثه.

مهما كان النهج الذي تتبعه وأي متصفح تستخدمه يستند إلى Chromium (Chrome أو Firefox أو Edge) ، فأنت البحث عن ملفات أو عناصر محددة من خلال النقر على قائمة النقاط الثلاث بلوحة Dev Tools و اختيار يبحث. بدلاً من ذلك ، اضغط ببساطة على Ctrl + Shift + F (Windows أو Linux) أو Command + Option + F (macOS).

ال افتح الملف و الأمر Run الخيارات مفيدة أيضًا في العثور على رمز على موقع ويب ، مثل محرر النمط في Firefox و عناصر في لوحة أدوات تطوير Chrome و Edge.

صقل مهاراتك باستخدام كود الموقع الحالي

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

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