التخطي إلى المحتوى
t-rex-dinosaur-game-offline-chrome-in-scratch-640x420 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت

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

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

الحالة الأولى: إظهار كود الصفحة كاملا

أولا: نسخ الأكواد في جوجل كروم

chrome_1-300x169 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت

1) افتح Chrome وانتقل إلى صفحة الويب التي تريد نسخها.
2) انقر بزر الماوس الأيمن على مساحة فارغة أو منطقة فارغة على صفحة الويب.
فقط تأكد من عدم النقر بزر الماوس الأيمن على رابط أو صورة أو أي ميزة أخرى.
ستعرف أنك قد قمت بالنقر فوق مساحة فارغة أو منطقة فارغة إذا رأيت خياراً يسمى View Page Source في القائمة التي تظهر. حدد View Page Source لإظهار رمز صفحة الويب.
3) قم بنسخ التعليمة برمجية بالكامل عن طريق تمييز الكل أو مجرد منطقة معينة من التعليمات البرمجية التي تريدها ، مع الضغط على Ctrl + C أو Command + C على لوحة المفاتيح الخاصة بك ثم لصق التعليمة البرمجية في ملف نصي أو مستند.

أو يمكنك الاختصار من لوحة المفاتيح للوصول إلى كود الصفحة بالضغط على : CTRL+U

ثانيا: النسخ في موزيلا فايرفوكس

images-300x127 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت
1) افتح Firefox وانتقل إلى صفحة الويب التي تريد نسخها.
2) من القائمة العلوية ، اختر أدوات > مطور الويب > مصدر الصفحة .
سيتم فتح علامة تبويب جديدة مع شفرة الصفحة ، والتي يمكنك نسخها عن طريق تمييز منطقة معينة أو عن طريق النقر بزر الماوس الأيمن على تحديد الكل إذا كنت تريد كل التعليمات البرمجية. اضغط على Ctrl + C أو Command + C على لوحة المفاتيح ولصقه في ملف نصي أو مستند.

أو يمكنك الاختصار من لوحة المفاتيح للوصول إلى كود الصفحة بالضغط على : CTRL+U

ثالثا: النسخ في أبل OS X سفاري

safari2-300x200 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت
1) افتح Safari وانتقل إلى صفحة الويب التي تريد نسخها كود المصدر الخاص بها.
2) انقر على Safari في القائمة العلوية من خلال احدى القائمتين حسب النسخة التي تستخدمها من سفاري، View  أو Develop ومن ثم اختر
View Source وفي حال لم تظهر قائمة التطوير Develop بامكانك اظهارها من خلال النقر على على التفضيلات Preferences في القائمة العلوية
للمربع الذي يظهر على المتصفح ، انقر على رمز الترس وقم بتفعيل خيار اظهار قائمة المطورين ( Show Develop Menu Bar ) كما يظهر في الصورة التالية:

Check-Show-Develop-Menu-in-Menu-Bar-in-Safari-on-Mac-300x235 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت

أغلق مربع التفضيلات وانقر على خيار تطوير في القائمة العلوية.
3) انقر فوق إظهار مصدر الصفحة لإظهار علامة تبويب تحتوي على الشفرة من أسفل الصفحة.
4) استخدم الماوس لسحب علامة التبويب إلى أعلى الشاشة إذا كنت ترغب في عرضها بالكامل ونسخها عن طريق تمييز الكل أو منطقة معينة من التعليمات البرمجية التي تريدها ،
مع الضغط على Ctrl + C أو Command + C على لوحة المفاتيح الخاصة بك ومن ثم لصقها أينما تريد.

أو يمكنك الاختصار من لوحة المفاتيح للوصول إلى كود الصفحة بالضغط على : Option+Command+U

الحالة الثانية: إظهار كود جزء من الصفحة فقط Inspect Element

هناك خاصية اكثر تقدما لاظهار الاكواد البرمجية الخاصة بصفحات الانترنت، فقد ترغب في معرفة كود خاص بجزء من الصفحة فقط او قائمة منسدلة، او صورة او فيديو، وفي هذه الحالة
تستطيع استخدام خاصية معاينة عنصر Inspect Element من خلال اتباع الخطوات البسيطة الاتية:

1) قم بتظليل الجزء المطلوب
2) انقر زر الماوس الايمن واختر Inspect Element ليظهر لك تعيين خاص فقط الكود الخاص بالجزء المظلل

Chrome-Inspect-Element-300x228 طريقة استخراج الكود البرمجي ومصدر الصفحة أثناء تصفح مختلف مواقع الانترنت

 

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *