نحوه مشاهده کد منبع صفحه و کد مورد. چگونه کد صفحه را در Google Chrome تغییر دهید

هر کاربر اینترنت دارای سایت های مورد علاقه خود است که او مدت زمان زیادی را صرف می کند. و تنها تنبل فکر نمیکرد که چگونه آن را ایجاد کرد و چه چیزی از آن تشکیل شده است. پاسخ به تمام این سوالات کار نخواهد کرد، زیرا راه های بسیاری برای ایجاد یک سایت وجود دارد، اما برای دیدن این تیم ها و کدهای که از آن متشکل از آن وجود دارد - امکان پذیر است و برای همه قابل دسترسی است.

سوال دیگر این است که آیا فرد متوجه خواهد شد که چه کسی در برنامه نویسی چیزی از شخصیت هایی که کد را تشکیل می دهند، مشغول به کار نیست. اما از نمونه هایی که کمتر از هر کاربر خواهد بود گوگل کروم. می توانید عناصر فردی سایت ها را تماشا کنید.

نحوه مشاهده کد منبع صفحات HTML در مرورگر از Google

آنچه شما می توانید کد صفحه را در Chrome ببینید باید به سایت شما علاقه مند شوید و اقدامات زیر را انجام دهید:

دو مورد از این موارد در میان خود با قابلیت و اطلاعات خود در مورد کاربر، برنامه نویس یا هکر متفاوت هستند.

تفاوت بین کد صفحه و فقط دستور «View Code» چیست؟

مشاهده هر یک از این توابع می تواند مورد جداگانه نوشته شود. برای برنامه نویسان، این تفاوت ضروری است و آنها در مواردی که شما نیاز به استفاده از "نمایش کد"، و در چه "صفحه نمایش" در مرورگر Google Chrome را درک می کنید.

اما توضیح دادن برای کاربر معمولی می توانید این توابع را برای اهداف زیر تقسیم کنید:

"مشاهده کد صفحه" فقط لازم است که ترکیبی اصلی صفحه را ببینید. اساسا، این ساختار سایت (بدون مدل های اضافی در قالب فایل های CSS و سایر افزونه هایی است که در پوشه Creator Site باقی مانده اند). این ساختار مناسب برای ایجاد نیست صفحه خود با کپی کردن - insert "، اما به شما این امکان را می دهد که برنامه نویس را انجام دهید و در چه دنباله ای به طوری که سایت در مرورگر Google Chrome چنین طراحی خارجی داشته باشد.
"مشاهده کد" یک ساختار دقیق را با تخصیص همه مناطق تحت تاثیر قرار می دهد. اگر به یک کد لیست خاصی برسید - یک مورد را در سایت که متعلق به آن است اختصاص می دهد.
مشاهده کد صفحه در یک مرورگر جداگانه باز می شود بدون توانایی ویرایش آن. به این ترتیب، فقط برای کپی کردن و خواندن کد سایت مناسب است. اما این یک ویژگی کمتر مفید نیست.
"مشاهده کد" تغییر و شما می توانید هر مورد را ویرایش کنید زیرا آن را برای شما مناسب خواهد بود. البته - این همه تغییرات "زندگی می کنند" تا زمانی که صفحه به روز می شود، اما گاهی اوقات سرگرم کننده است که از تنظیمات صعود و به سادگی درک کنید که چرا لازم است، و چه اتفاقی خواهد افتاد اگر تغییر کند. شما نباید فرض کنید که چنین اقداماتی که به خود یا سایت آسیب می رسانید - این تغییرات فقط در کد Google Chrome شما معتبر است و به صورت آنلاین نمی رود.

سوال در مورد چگونگی دیدن کد عنصر را در نظر بگیرید

اگر واقعا به چنین سوال پاسخ دهید، فقط یک گزینه به عنوان مثال. از آنجا که برای یک مقاله برای تبدیل شدن به یک فرد که این موضوع را درک می کند (توسعه دهنده وب) بسیار دشوار است، اما برای نشان دادن مثال برای خسته شدن - بسیار ساده تر است.

عملکرد کد عنصر بسیار گسترده است، بنابراین ما یکی از کلمات را در سایت مرورگر Google Chrome می گیریم. ما آرزو داشتیم که چه چیزی را در نظر بگیریم کلید واژه ها (در کد، آن را به عنوان "کلمات کلیدی" ثبت شده) برای سایت ما مورد استفاده قرار گرفت. برای انجام این کار، الگوریتم زیر را انجام دهید:

راه های دیگر برای استفاده از این عملکرد در مرورگر Google Chrome

به طور کلی، ادامه دادن به سوال در مورد چگونگی دیدن کد مورد و چرا مورد نیاز، باید به توابع آن منتقل شود. یعنی به لطف توانایی دیدن کد عنصر هر سایت در مرورگر Google Chrome، ما می توانیم:

ساختار سایت را از سر ("Cap Site Cap") و پایان پایان (پایان فرمان هر برنامه) را ببینید؛
مشاهده تمام توابع سایت، یعنی: لینک به سایت های دیگر، ماژول های اضافی از سایت های خارجی و حضور متر داخلی برای جمع آوری اطلاعات مختلف؛
پیدا کردن که کپی کردن از سایت ممنوع است یا نه؛
در کد، تمام پیوندها به سایر صفحات سایت ثبت می شود، و همچنین طراحی و اقدامات بعدی آنها پس از کلیک روی آنها.

این یک لیست محدود نیست اما باید یادآوری شود که بدون دانش خاص - "خواندن" کد صفحات Google کروم تقریبا غیرممکن است و داده های حاصل عملا توسط کاربر معمولی مورد نیاز نیست.

مورد "مشاهده کد مورد" کار نمی کند

باید بلافاصله بگوید - هر سایت با آن خواهد بود دسترسی آزاد به کدهای عناصر. به عبارت دیگر، حتی سایت های محبوب و گران قیمت برای مشاهده کد خود باز خواهند شد. بنابراین، در صورتی که آیتم در مرورگر Google Chrome فعال نیست یا یک خطا صادر شده، دلایل احتمالی زیر را دارد:

نمایه کاربر آسیب دیده است
حضور نرم افزارهای مخرب بر روی کامپیوتر؛
مسدود کردن با یک فرمت خاص برای افزایش بهره وری (حتی ممکن است).

مشخصات کاربر آسیب دیده را اصلاح کنید

خلق كردن مشخصات جدیدشما باید یکی از قدیمی ها را از رایانه خود حذف کنید. برای انجام این کار، موارد زیر را انجام دهید:

بستن گوگل کروم و راه اندازی داخلی ویندوز مرورگر اکسپلورر
ما دستور زیر را به نوار آدرس وارد می کنیم:٪ localAppdata٪ \\ Google \\ Chrome \\ داده های کاربر \\.
هنگامی که دایرکتوری باز می شود، ما به دنبال پوشه "پیش فرض" هستیم و به نام آن «پشتیبان گیری» اضافه می کنیم تا موارد زیر عبارتند از: "پیش فرض پشتیبان".
در حال حاضر پس از راه اندازی جدید مرورگر Chrome، یک نمایه جدید ایجاد خواهد شد.

نرم افزار مخرب یا بقایای آن را حذف کنید

اگر یک نمایه جدید دسترسی به صفحه عنصر صفحه را باز نکرده باشد و ما هنوز خطا را مشاهده می کنیم، مراحل زیر:

باز کن خط فرمان ویندوز ("اجرا") و دستور "CMD" را وارد کنید.
دستور زیر را در خط وارد کنید: RD / S / Q "٪ Windir٪ \\ System32 \\ GroupPolicyusers".
پس از تأیید این اقدام، این را رانندگی کنید: RD / S / Q "٪ Windir٪ \\ System32 \\ GroupPolicy".
در حال حاضر "GPUPDATE / FORCE" (بدون کوزه).

اگر همه چیز به درستی انجام شود، پس از راه اندازی مجدد کامپیوتر گوگل کروم کد عناصر را باز می کند و ظرفیت کاری مرورگر به طور معمول خواهد بود.

برای مدت طولانی برای من گزینه "نمایش منبع صفحات "بی فایده و بی معنی بود. در حالی که مطالعه HTML بر Codecademy و طرح سایت های خود را به اشتیاق جدید من تبدیل نشده است. این سوال مطرح شد: کجا برای پیدا کردن موارد واقعی مورد و قرض دادن راه حل های جالب برای "بانک Piggy" خود را؟ پاسخ به طور غیر منتظره ساده بود، مانند همه Ingenious: مشاهده کد منبع صفحه در Google Chrome! من با شما به اشتراک می گذارم

کد منبع صفحه چیست؟

اگر شما، مثل من، فقط مراحل اول را در برنامه نویسی HTML انجام دهید، لازم نیست که کد منبع صفحه را پیدا کنید.

کد منبع، کد صفحه HTML است - متن در زبان نشانه گذاری متن بیش از حد متن (HTML). این شامل محتوای صفحه (متن، جدول) و برچسب ها است. این دومین نقش دستورالعمل مرورگر را بازی می کند: نحوه نمایش محتوا، چه نوع قالب بندی استفاده از کجا برای وارد کردن یک فایل لینک یا رسانه ای است. خوب، برای ما، کد نویسان تازه کار کد منبع بهترین زمین تمرین است: ما یک سایت جالب و جاسوسی پیدا می کنیم، ما صرفه جویی می کنیم، ما از قطعات موفق استفاده می کنیم. چطور؟

نحوه مشاهده کد منبع در صفحه مرورگر Google Chrome

ما صفحه ای را که دوست دارید پیدا می کنیم. به عنوان مثال، من علاقه مند به اجرای منوی سایت بودم. کد منبع باز در مرورگر Google Chrome به سه روش:

روی نماد کلیک کنید منو در گوشه بالا سمت راست مرورگر و "ابزار اضافی" را انتخاب کنید. در میان دیگران گزینه "مشاهده کد منبع" را دارند. به ندرت با استفاده از این روش: بسیاری از حرکات غیر ضروری. این را می توان حتی ساده تر انجام داد.
ترکیب کلید را فشار دهید Ctrl + U. - پنجره جدید با کد منبع باز می شود؛
برای طرفداران منوی زمینه: راست کلیک بر روی صفحه و گزینه کد کد را انتخاب کنید.

با یک کار برای تماشای کد صفحه HTML در مرورگر کپی شده است. به مرحله جالب توجه بروید

نحوه ویرایش و ذخیره کد منبع

برای یادگیری نحوه ایجاد سایت ها، به اندازه کافی برای خواندن کد HTML شخص دیگری نیست. شما باید با آن بازی کنید، آزمایش کنید، تغییرات را انجام دهید و نتیجه را بررسی کنید. شما می توانید شروع به شروع با مجموعه ای از چندین نمونه موفق کنید. چگونه کد منبع را ویرایش و ذخیره کنیم؟

گزینه 1. "دستی"

پس از باز کردن کد منبع صفحه، با منوی زمینه تماس بگیرید و گزینه "ذخیره به صورت" را انتخاب کنید و فایل را ذخیره کنید هارد. فایل را در دفترچه یادداشت یا دفترچه یادداشت ویرایش کنید، تغییرات را ذخیره کنید و از طریق مرورگر باز کنید. نتایج تغییرات ما (موفقیت آمیز و نه خیلی) در پنجره مرورگر مورد ستایش قرار می گیرد.

گزینه 2 برای طرفداران

هنگامی که شما "بازی" با کد منبع هر روز، فرایند "ذخیره - باز - تغییر - ذخیره - چک" لاستیک. برای خودم، من یک راه حل را در قالب پلاگین برای Google Chrome - Firebug Lite پیدا کردم. این اجازه می دهد تا شما را به ویرایش و ذخیره کد منبع، بدون خروج از پنجره مرورگر.

1 رای دادن

روز خوب، خوانندگان عزیز وبلاگ من. این در سایت برخی از تراشه های زیبا اتفاق می افتد و شروع به عذاب سؤال می کند، چگونه خالق چنین اثر جالبی را به دست آورد.

به نظر می رسد که پاسخ بسیار ساده است. و اگر شما برخی از مهارت ها، شما می توانید بسیاری از تراشه ها را انتخاب کنید و در یک زمان کوتاه برای ایجاد سایت منحصر به فرد خود را.

امروز ما در مورد چگونگی باز کردن کد صفحه، یک عنصر خاص و یادگیری استفاده از این مهارت برای خودتان صحبت خواهیم کرد.

دانش پایه کد

سایت من برای newbies طراحی شده است و ابتدا می خواهم به سایت ها و کد ها را در دو کلمه بگویم.

برای رسم یک عکس، سپس آن را به قطعات کوچک بریزید، کد را بنویسید، با تشکر از اینکه مرورگر تمام عناصر را به یک کل کامل می رساند. به نظر می رسد که همه چیز بسیار دشوار است؟ نه در همه، و آن را در مورد این نگرانی نیست.

سایت های کیفیت این راه را ایجاد می کنند. می خواهم - نزدیک به این مورد و مطالعه، هیچ میل - هیچ کس قادر به مجبور کردن شما نیست.

من فقط یک چیز را می گویم ... هیچ چیز دلپذیر تر از دیدن کلمات غیر قابل درک نوشته شده توسط شما به یک کل تبدیل می شود و به زندگی می آیند: لینک کار، حرکت دکمه ها، تصاویر حرکت، متن crawls. من فکر می کنم من می دانم که چگونه ویکتور فرانکنشتاین احساس می شود.

هنگامی که شما شروع به درک یک زبان مخفی می کنید و ببینید که همه چیز در واقع بسیار ساده تر از آن است که به نظر می رسید در ابتدا شما نمی توانید به قدرت و فرصت های مغز خود اعتقاد نداشته باشید. بسیار جالب است

سایت ها چگونه ساخته می شوند؟ ایده آل، اول. او فقط یک عکس را جلب می کند. به عنوان مثال، همانطور که در شکل زیر نشان داده شده است. در حالی که فقط یک تصویر، یک عکس است. هیچ مرجع کار نمی کند، زمانی که شما فشار نمی دهید، به هیچ وجه نمی روید، جستجو انجام نمی شود.

برای این رقم. به تصویر زیر نگاه کنید. شما ممکن است به نظر می رسد یک مجموعه مضحک و پیچیده از شخصیت ها. در واقع، همه چیز خیلی دشوار نیست، یک الگوریتم خاص وجود دارد.

تنها حدود 150 برچسب وجود دارد و هر یک از آنها مسئول یک اقدام خاص است: لینک، انتقال، برجسته کردن چربی، رنگ، عنوان، و غیره. اگر تمایل داشته باشید، با آنها مقابله نکنید، اگر تمایل داشته باشید و زمان را تحمل نکنید.

با تشکر از دانش این ویژگی ها، شما می توانید تقریبا هر کار را حل کنید. اما راه های رسیدن به هدف هر توسعه دهنده خود را پیدا می کند.

سازندگان باتجربه بلافاصله می بینند که چگونه به نتایج رسیدن به نتایج، و دیگران باید فکر کنند، به دنبال پاسخ در مقالات و یا در کد اولیه رقبای. آنها به سادگی بخش لازم را در یک سایت شخص ثالث می گیرند و خود را ویرایش می کنند. این به طور قابل توجهی روند کار را کاهش می دهد.

کمی بعد، من یک مثال خاص را به شما نشان خواهم داد.

مشاهده کد

بنابراین، ابتدا اجازه دهید به شما نشان دهیم که چگونه باید عمل کنید، اگر شما نیاز به یادگیری HTML شخص دیگری دارید. سپس ما جزئیات بیشتری را در نظر خواهیم گرفت.

بهترین راه

روش که من برای اولین بار توصیف خواهم کرد کمی پیچیده برای تازه واردان، اما به عنوان یک آشنایی - بروید، خواندن. صفحه را باز کنید و روی دکمه سمت راست ماوس کلیک کنید. مورد "ذخیره به عنوان ..." را انتخاب کنید

صفحه وب را به طور کامل ذخیره کنید همانطور که می توانید بر روی تصویر ببینید، من قبلا همه چیز را پیش از آن دانلود کرده ام. در اینجا ما دو پوشه داریم

همه چیز شما نیاز دارید هر عنصر اگر شما این را درک می کنید، می توانید به سرعت همه چیز را که نیاز دارید دریافت کنید. اما، چنین کاری به طور فزاینده ای غیر قابل اجرا می شود. دانلود انجام نشده است. چه کاری باید انجام دهید اگر آن را ممنوع کنید تا صفحه را کپی کنید؟

این گوگل کروم است

همانطور که شما احتمالا می توانید متوجه شوید، من اغلب از Google Chrome استفاده می کنم و کد شخص دیگری را در این مرورگر پیدا می کنم ساده تر از ساده تر است. همانطور که در اصل، هر دو در هر دیگر. این طرح چیزی شبیه نیست، اما یکسان است. ما صفحه ای را که کد ما می خواهیم بدانیم باز کنیم و دکمه ی سمت راست را کلیک کنید. با کلیک صفحه ای که ظاهر می شود، روی کد صفحه کلیک کنید.

پنجره جدید یک ورق کد را باز می کند که در آن یک تازه وارد آن دشوار است. اما، از زمان نترسید.

اگر شما نیاز به دانستن کد تنها یک عنصر، کافی است که آن را با ماوس و راست کلیک کنید. یکی دیگر از تابع Chromium را انتخاب کنید: "کد کد را مشاهده کنید".

به عنوان مثال، من می توانم علاقه مند به چگونگی استفاده از یک تصویر یا زبان برنامه نویسی علاقه مند باشم؟ پس از همه، شما می توانید یک مربع را قرعه کشی کنید کمک CSS. بسیاری از متخصصان به عنوان اطلاعاتی که ممکن است برای ثبت نام با کد ارائه دهند، توصیه می کنند. چگونه در سایت های محبوب کار می کنید؟

به نظر می رسد اطلاعات لازم. از بالا HTML، در پایین CSS. اینها دو زبان هستند اولین مسئول مولفه متن و دوم برای طراحی است. اگر هیچ CSS وجود نداشت، پس شما باید هر بار، اندازه فونت را تجویز کنید. برای هر صفحه، بسیار طولانی است. اما اگر HTML وجود نداشت، ما متون نخواهیم داشت. به شدت توضیح داد، اما به طور کلی، همه چیز چنین است.

به هر حال، اگر شما علاقه مند به چگونگی تنظیم آن در اینجا هستید، می توانید به پایین لینک به تصویر نگاه کنید. بنابراین شما پاسخ می دهید.

موزیلا فایرفاکس.

اگر دوست دارید در یک Mazile کار کنید، همه چیز نیز خواهد بود. صفحه را باز کنید و روی دکمه سمت راست ماوس کلیک کنید. "کد منبع صفحه" اگر می خواهید تمام کل کد را ببینید.

هنگامی که شما در هر مورد شناور هستید، می توانید کد خود را باز کنید.

در اینجا داده ها در پایین صفحه نمایش داده می شود و در غیر این صورت همه چیز نیز هست.

مرورگر Yandex

در مرورگر Yandex، همه چیز درست همانطور که در دو نسخه قبلی است، صفحه را باز کنید، کلید راست ماوس را ببینید، کد صفحه را ببینید.

اگر می خواهیم کد آن را بدانیم، مکان نما را به آیتم می رسانیم.

این در اینجا دقیقا همانطور که در کروم نمایش داده می شود.

اپرا

خوب، در نهایت، اپرا.

به هر حال، شاید شما متوجه شدید که لازم نیست از ماوس استفاده کنید. برای باز کردن کد یک ترکیب کلید سریع وجود دارد و برای همه مرورگرها یکسان است: Ctrl + U..

برای اقلام: Ctrl + Shift + C.

این نتیجه به نظر می رسد.

این علاقه مند به مبتدیان خواهد بود

و اکنون ببینید که چگونه همه چیز کار می کند. یک سایت را پیدا کنید و واقعا نوعی از اقلام را دوست دارید. به عنوان مثال، این یکی. نحوه باز کردن کد موردی که قبلا می دانید باز کنید.

در حال حاضر آن را کپی کنید

من استفاده می کنم، این کد را به یک فایل جدید HTML، در تگ بدن (بدن به زبان انگلیسی) وارد کنید.

حالا بیایید ببینیم که چگونه همه آنها به مرورگر نگاه می کنند.

آماده. برای اینکه متن در امتداد لبه ها هماهنگ شود و یک رنگ سبز را به دست آورد، شما باید به این سند CSS متصل شوید و کد دیگری را از سایت که ما این را به آن دادیم کپی کنید.

حالا من این کار را انجام نخواهم داد. این نیاز به زمان بیشتری دارد: و من و شما. من فکر می کنم که تمام جزئیات من در نشریات آینده من توضیح خواهم داد. عضویت در خبرنامه و یادگیری در مورد ظاهر مقاله اول.

اگر شما هیچ قدرتی برای تحمل ندارید، و شما می خواهید در مورد HTML و CSS بیشتر بدانید، من می توانم دوره های آموزشی رایگان را با سنت توصیه کنم.

در اینجا 33 درس است که به شما اجازه می دهد تا به استاد HTML - « دوره آزاد توسط HTML " .

و در اینجا اطلاعات کامل در مورد CSS - "دوره CSS رایگان (45 آموزش ویدئویی!)" .

حالا کمی بیشتر می دانید من آرزو می کنم موفقیت شما در تلاش های شما. به جلسات جدید!

احتمالا به ابتدای نگاه کنید کد وب صفحات مرورگر نتیجه در نتیجه سرور در واقع در هر مرورگر اینترنت است. دسترسی به تیم مربوطه تقریبا یکسان است، اما تفاوت های قابل توجهی در روش های متداول وجود دارد و در چه نوع شما ارائه می شود اولیه است کد .

دستورالعمل

1. که در مرورگر موزیلا. فایرفاکس بخش "نمایش" را در منو باز می کند و روی سود کلیک کنید کد صفحات " همچنین همان آیتم در منوی زمینه وجود دارد که اگر شما روی متن راست کلیک کنید، وجود دارد صفحات . مجاز به استفاده از ترکیب Ctrl + U کلید. موزیلا فایرفاکس. این برنامه های خارجی را استفاده نمی کند - اولیه کد صفحات برجسته نحو در یک پنجره مرورگر جداگانه باز خواهد شد.

2. در ناظر اینترنت اکسپلورر. روی منوی بخش فایل کلیک کنید و ویرایش را در دفترچه یادداشت انتخاب کنید. به جای نام Notepad، یک برنامه متفاوت که شما در تنظیمات مرورگر برای مشاهده اولیه تعیین کرده اید کد ولی. کلیک صفحات راست کلیک بر روی منوی زمینه، که در آن نیز یک مورد وجود دارد که اجازه می دهد برای باز کردن اولیه کد صفحات که در برنامه خارجی - "مشاهده HTML کد ولی".

3. که در اپرا مرورگر منو را باز کنید، به قسمت «صفحه» بروید و احتمالا به بخش "روش توسعه" ترجیح می دهید کد »هر مورد" اولیه " کد فروم چنین انتخابی سوزش را تجویز می کند کلیدهای CTRL + U و Ctrl + Shift + U به ترتیب. در منوی زمینه، گره خورده است صفحات راست کلیک، همچنین یک مورد "اولیه" وجود دارد کد " اپرا کد منبع را باز می کند صفحات در برنامه خارجی، که به سیستم عامل یا در تنظیمات مرورگر برای ویرایش فایل های HTML اختصاص داده شده است.

4. مرورگر Google Chrome بدون شک بهترین مشاهده اولیه را دارد کد ولی. با کلیک راست روی صفحه، ممکن است ترجیح دهید "مشاهده کنید کد ولی صفحات "و سپس منبع نور پس زمینه نحو بر روی یک برگه جداگانه باز می شود. و شما می توانید در همان منو از رشته "مشاهده" ترجیح دهید کد و عنصر "و مرورگر در همان تب، دو فریم اضافی را باز می کند که در آن شما می توانید HTML و CSS را بررسی کنید کد از هر عنصر صفحات . مرورگر به حرکت مکان نما در ردیف پاسخ خواهد داد کد A، برجسته کردن موارد موجود در صفحه مربوط به این بخش از HTML کد ولی.

5. در مرورگر اپل صفری، بخش "نمایش" را گسترش دهید و رشته "نمایش HTML" را انتخاب کنید کد ولی". در منو که روی راست کلیک راست کلیک کنید راست کلیک کنید صفحات نقطه مربوطه به نام "View Source" نامیده می شود. این عمل توسط کلید های سوزاندن Ctrl + Alt + U. اولیه تجویز می شود کد باز می شود در یک پنجره مرورگر جداگانه.

ما یک کتاب جدید "بازاریابی محتوا را منتشر کردیم شبکه های اجتماعی: چگونه در سر مشترکین بنشینید و با نام تجاری خود عاشق شوید. "

کد منبع سایت ترکیبی از نشانه گذاری HTML، سبک CSS و اسکریپت جاوا اسکریپتمرورگر از سرور وب دریافت می کند.

بیشتر ویدیو در کانال ما - یادگیری بازاریابی اینترنتی با Semantica

این را می توان با مجموعه ای از تیم هایی که فرمانده به سربازان می دهد مقایسه می شود. تصور کنید که مخاطبان نمی بینند و سر نمی شنوند از نظر آنها، ارتش به طور مستقل اقدامات را انجام می دهد. در مورد ما، فرمانده مرورگر است، دستورات کد منبع هستند و سربازان راهپیمایی نتیجه نهایی هستند.

یک سایت در یک وب سرور ذخیره می شود که یک صفحه را در درخواست کاربر ارسال می کند. پرس و جو برای ورود به URL در نوار آدرس، بر روی لینک کلیک کنید یا بر روی دکمه ارسال اطلاعات در فرم کلیک کنید. مهم نیست که صفحات وب زبان نوشته شده است، آیا آنها شامل می شوند نرم افزار. نتیجه نهایی هر الگوریتم سرور مجموعه ای از تگ های HTML و متن است.
کد منبع صفحه یک مجموعه داده است که شامل موارد زیر است:

نشانه گذاری HTML؛
جدول تلطیف شده یا پیوند به فایل؛
برنامه های نوشته شده در جاوا اسکریپت یا پیوندهایی به فایل ها با کد.

این سه بخش توسط یک مرورگر پردازش می شوند. برای سرور، این فقط متن است که می خواهید در پاسخ به درخواست ارسال کنید.

چرا باید کد منبع را یاد بگیریم؟

همه ما خواهیم دید، ما قادر به تجزیه و تحلیل و اعمال برای حل آن دسته از وظایف یا سایر وظایف که در طول کار با سایت بوجود می آیند، به ویژه هنگام بهینه سازی آن. مشاهده کد منبع، ما می توانیم:

تگ های متا سایت خود را از سایت خود یا شخص دیگری برای تجزیه و تحلیل خود مشاهده کنید.
حضور یا عدم وجود برخی از موارد را در سایت مشاهده کنید: شمارنده ها، کد های شناسایی در سیستم های مختلفاسکریپت های تعریف شده و چیزهای دیگر.
پارامترهای عناصر را پیدا کنید: ابعاد، رنگ ها، فونت ها.
راهی برای عکس ها و موارد دیگر موجود در صفحه پیدا کنید.
لینک ها را از صفحه بررسی کنید.
مشکلات مربوط به کد را پیدا کنید که با فرآیند بهینه سازی سایت مواجه شود: غیر قابل تحمل در فایل های جداگانه سبک، اسکریپت، کد نامعتبر.

این ویژگی های اصلی است، اما در واقع، می تواند کد را بخواند، شما می توانید در مورد صفحه خیلی بیشتر یاد بگیرید.

چگونه می توان کد منبع سایت را مشاهده کرد

به طور کامل در فرم که در آن در سرور ارسال شده است، این امکان وجود نخواهد داشت که این کار را از مرورگر انجام دهد. اما شما می توانید تمام نشانه گذاری را با کلیک کردن بر روی دکمه سمت راست ماوس در صفحه مشاهده کنید. بعد از این، در مثال Google Chrome.

گزینه "نمایش کد کد" را انتخاب کنید و لیست کامل را در یک برگه جداگانه دریافت کنید.

این فقط یک متن است که باید برای تجزیه و تحلیل آن را تجزیه و تحلیل کند. اما شما می توانید کد تعاملی را با استفاده از ابزارهای توسعه دهنده دریافت کنید.

چگونه می توان کد منبع صفحه سایت را پیدا کرد

روی نماد منو در مرورگر کلیک کنید. اغلب، آن را در سمت راست است و دارای ظاهر سه نقطه یا راه راه است.

در بخش ابزارهای پیشرفته، "ابزارهای توسعه دهنده" را انتخاب کنید.

یک پنجره باز خواهد شد، که وضعیت فعال کد را نمایش می دهد. این به این معنی است که وقتی ماوس بر روی نشانه گذاری کلیک کنید، سبک عنصر نمایش داده می شود و بلوک های انتخاب شده بر روی صفحه برجسته می شوند.

در برگه منبع، شما می توانید محتویات برخی از فایل ها را مشاهده کنید: اسکریپت ها، فونت ها، تصاویر.

در برگه امنیتی، یک گواهی تست در دسترس است.

برگه حسابرسی کمک خواهد کرد که میزبانی منابع را بررسی کند.

اگر محل پانل ناراحت کننده باشد، می توانید سه امتیاز را فشار دهید و آن را با انتخاب مورد مورد نظر تغییر دهید.

نحوه دیدن متا برچسب ها

هر سند HTML شامل برچسب های ساختار است. در اینجا برخی از آنها است:

HTML کل سند است.
سر - بخش از هدر خدمات.
عنوان - عنوان صفحه (نمایش داده شده در تب).
بدن - بدن سند.
H1-H6 - هدر های متن صفحه.
مقاله - مقاله.
بخش - بخش.
منو - منو
div - block.
SPAN - LINE.
P - پاراگراف
جدول - جدول

عناصر برای جداسازی منطقی بخش ها در صفحه در نظر گرفته می شوند، در صورت لزوم، آنها با سبک ها طراحی شده اند. آنها شامل متن هستند که به نحوی در صفحه قابل مشاهده است. اما برچسب سر اطلاعات موجود است. برای دستورالعمل های آن، متا تگ ها خدمت می کنند. همه آنچه که آنها در آنها نوشته شده است برای سرور و موتورهای جستجو در نظر گرفته شده است.

محتویات آنها را نمی توان به روش دیگری شناخت.

توجه به برچسب لینک با آن، مراجعه به فایل های پلاگین خارجی مشخص شده است. اگر می خواهید، می توانید محتویات را مشاهده کنید و روی دیسک ذخیره کنید. برای انجام این کار، اشاره گر را به آدرس کلیک کنید و روی PCM کلیک کنید. باز کردن در برگه جدید را انتخاب کنید.

تب جدید باز می شود فایل مشخص شدهکه می تواند مشاهده یا ذخیره شود.

نحوه مشاهده کد منبع برای اشکال زدایی اسکریپت

در این مورد، مناسب است که صفحه را در دستگاه محلی باز کنید. اگر فقط نیاز به تعمیر نشانه گذاری، سبک ها و اسکریپت ها دارید، می توانید به طور مستقیم از پوشه انجام دهید. کد HTML به همان شیوه مشاهده شده است. اما خطاهای کد جاوا اسکریپت را می توان در برگه "کنسول" مشاهده کرد. در اینجا توضیح خطا و شماره خط را نشان می دهد که در آن آغاز شده است.

نحو را می توان به طور مستقیم در کد مشاهده کرد. برای انجام این کار، برگه منبع طراحی شده است.

چگونه می توان کد مورد خاص را مشاهده کرد

برای صفحات بزرگ با تعداد زیادی از موارد، پیدا کردن کد مورد نظر در کل نشانه گذاری دشوار است. در این مورد، شما باید از یک دستور خاص منو متن استفاده کنید. با تکان دادن ماوس بر روی قطعه و PCM را فشار دهید. دستور "View Code" را انتخاب کنید.

همان پنجره باز می شود، اما با تمرکز بر روی شی انتخاب شده است.

خلاصه

ما به کد منبع صفحه گفتیم. به اندازه کافی برای مدیریت دانش ابتدایی HTML و CSS و استفاده از ابزارهای توسعه دهنده مناسب، شما می توانید اسناد HTML خود را اشکال زد.

مشاهده کد منبع در اینترنت به شما این امکان را می دهد تا نه تنها به تجربه خود را یاد بگیرید، بلکه از نمونه های کار واقعی نیز استفاده کنید. و برای متخصصان SEO، متا تگ های مفید خواهد بود، اطلاعاتی که در آن می تواند در مورد سایت بسیار می گوید.