كيفية عرض شفرة المصدر في كروم؟ (طريقتان) [أخبار MiniTool]
How View Source Code Chrome
ملخص :

يعد عرض مصدر الصفحة في Chrome طريقة جيدة للحصول على بعض أفكار التصميم المفيدة لصفحات الويب. في هذا المنصب من برنامج MiniTool ، سنتحدث بشكل أساسي عن كيفية عرض الكود المصدري في Chrome بطريقتين مختلفتين. نأمل أن يكون مفيدًا لك.
يعد عرض مصدر الصفحة طريقة جيدة لتطوير مستوى تصميم الويب الخاص بك إذا كنت عضوًا في صناعة الويب. يمكنك اكتساب المهارات من صفحة ويب ممتازة. أيضًا ، حتى إذا لم تكن مصمم ويب ، إذا كنت مهتمًا بمصدر الصفحة ، يمكنك أيضًا عرض مصدر الصفحة للحصول على بعض المعلومات التي لا يمكنك رؤيتها على صفحة الويب.
ثم كيف يمكنني عرض مصدر الصفحة؟ يمكنك طرح هذا السؤال. Google Chrome هو متصفح الويب الأكثر استخدامًا في جميع أنحاء العالم. في هذا المنشور ، سنوضح لك كيفية عرض مصدر Chrome.
نصائح وحيل Google Chrome لتحقيق الفوز: مفيدة وملائمة في هذا المنشور ، سنعرض لك بعض النصائح والحيل المفيدة والملائمة في Google Chrome والتي يمكنك من خلالها أداء عملك بشكل أسرع.
قراءة المزيد
كيفية عرض شفرة المصدر في كروم
من السهل جدًا فتح مصدر الصفحة وعرضه في Chrome. هنا الدليل:
1. افتح صفحة الويب التي تريد عرض مصدر الصفحة باستخدام Google Chrome.
2. انقر بزر الماوس الأيمن فوق الصفحة (لا تنقر فوق ارتباط) وستظهر قائمة منبثقة.
3. حدد عرض مصدر الصفحة من القائمة. هنا ، يمكنك أن ترى أن هناك اختصارًا لعرض مصدر الصفحة: Ctrl + U . هذا يعني أنه بعد الوصول إلى صفحة الويب المستهدفة ، يمكنك الضغط على السيطرة مفتاح و يو key في نفس الوقت لفتح Chrome وعرضه. بينما ، إذا كنت تستخدم جهاز كمبيوتر Mac ، فأنت بحاجة إلى الضغط على Command + Option + U لفتح وعرض مصدر الصفحة في Chrome.

4. ستظهر علامة تبويب جديدة بها شفرة المصدر لصفحة الويب هذه.

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

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

في قسم Element ، عند تحريك المؤشر على CSS ، يمكن لأدوات Developer تمييز عنصر التحديد في صفحة HTML المقابلة. يكون هذا التصميم مفيدًا بشكل خاص عندما تريد الحصول على معلومات حول جزء معين من صفحة الويب المصممة.
هل من القانوني عرض مصدر الصفحة في Chrome؟
عند القراءة هنا ، قد تطرح هذا السؤال: هل من القانوني عرض مصدر الصفحة في Google Chrome؟ بعد كل شيء ، هذه المصادر هي رموز من الآخرين.
نعتقد أن العديد من مصممي الويب قد فعلوا هذه الأشياء. من القانوني عرض مصدر الصفحة في Chrome. استخدام هذه الرموز لبناء صفحة مماثلة هو أيضًا أمر جيد. لكن ليس من القانوني الحفاظ على سلامة الرموز في عملك. يمكنك استخدامها كمرجع ، ولكن لا يمكنك الانتحال.
![حجم صورة الملف الشخصي للخلاف | تنزيل Discord PFP بالحجم الكامل [أخبار MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/03/discord-profile-picture-size-download-discord-pfp-full-size.png)

![قام جدار حماية Windows Defender بحظر بعض ميزات هذا التطبيق [أخبار MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/88/windows-defender-firewall-has-blocked-some-features-this-app.jpg)





![تنزيل / تثبيت / تحديث Mozilla Thunderbird لنظام التشغيل Windows / Mac [نصائح MiniTool]](https://gov-civil-setubal.pt/img/news/5D/mozilla-thunderbird-download/install/update-for-windows/mac-minitool-tips-1.png)



![أفضل محرك أقراص ضوئي في 2019 قد ترغب في شرائه [أخبار MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/86/best-optical-drive-2019-you-may-want-buy.jpg)


![تم حلها - لا يمكن تعيين محرك أقراص الشبكة لنظام التشغيل Windows 10 [أخبار MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/74/solved-can-t-map-network-drive-windows-10.png)
![10 حيل لموجه الأوامر يجب على كل مستخدم Windows معرفتها [نصائح MiniTool]](https://gov-civil-setubal.pt/img/disk-partition-tips/03/10-command-prompt-tricks-that-every-windows-user-should-know.png)

![ما هو محرك الأقراص الثابتة الذي أمتلك Windows 10؟ اكتشف ذلك في 5 طرق [أخبار MiniTool]](https://gov-civil-setubal.pt/img/minitool-news-center/42/what-hard-drive-do-i-have-windows-10.jpg)