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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

چگونه برای مشاهده کد صفحه؟

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

• بازگشت؛
• رو به جلو؛
• راه اندازی مجدد؛
• ذخیره به عنوان؛
• چاپ؛
• ترجمه به روسی؛
• مشاهده کد صفحه;
• مشاهده کد

ما باید روی آن کلیک کنیم مشاهده کد صفحهو کد صفحه سایت HTML باز می شود.

مشاهده کد های صفحه: چه باید توجه داشته باشید؟

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

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

اگر سایت در CMS WordPress یا جوملا ساخته شده باشد، در اینجا نیز دیده می شود. به عنوان مثال، اطلاعات در مورد تم وردپرس یا قالب جوملا سایت. شما می توانید آن را با خواندن محتویات لینک های برجسته شده در آبی ببینید. در یک لینک وب سایت قابل مشاهده است.

مثلا:

//fonts.googleapis.com/css؟family\u003dsource+sans + Pro٪ 3A400٪ 2C400000000000000٪ 2C600 & Ver \u003d 4.5.3.

ما سبک های فونت CSS را مشاهده خواهیم کرد. در این مورد، فونت استفاده می شود. این را می توان در اینجا دیده می شود - فونت صورت: 'منبع Sans Pro'.

این سایت با استفاده از دشت SEO Yoast بهینه شده است. این از این کد نظر کد دیده می شود:

این سایت با پلاگین Yoast SEO V3.4.2 بهینه شده است - https://yoast.com/wordpress/plugins/seo/

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

/yandex.metrika شمارنده.

بیایید خلاصه کنیم

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

• CMS وردپرس؛
• Google Font Source Sans Pro؛
• موضوع وردپرس - سیدنی؛
• پلاگین Yoast؛
• متر متریک Yandex.

در حال حاضر اصل تجزیه و تحلیل صفحه سایت HTML سایت کاملا قابل فهم است. لازم نیست که صفحه مورد مطالعه در مرورگر باز شود. شما می توانید صفحه صفحه را به کامپیوتر خود را با استفاده از کلید های کلیدی Ctrl + A، Ctrl + C، Ctrl + V ذخیره کنید. آن را در هر کدام قرار دهید ویرایشگر متن (بهتر Notepad ++) و صرفه جویی در گسترش HTML. بنابراین، شما می توانید آن را در هر زمان مطالعه عمیق تر و پیدا کردن اطلاعات مفید تر برای خودتان.

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 آموزش ویدئویی!)" .

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

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

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

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

دستورالعمل 1: نحوه مشاهده کل کد سایت HTML در مرورگر

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

شکل 1. مشاهده کل کد وب سایت HTML در مرورگر کروم

مهم: دستورات در منوی کشویی ممکن است برای مثال، برای عناصر فعال (لینک ها، تصاویر، ویدئو) و غیر فعال (متن، پس زمینه، دیوا) متفاوت باشد:

شکل 2. منوی کشویی مرورگر کروم

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

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

شکل 3. قطعه کد این سایت

این ابزار برای پیدا کردن و ویرایش عناصر مورد نظر بسیار مفید است.

راه های جایگزین برای مشاهده تمام کد وب سایت HTML

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

1. در شکل 1، ما همچنین می بینیم که این فرمان در میانبر صفحه کلید موجود است. + ;
2. مرورگر منبع نمایش را به نوار آدرس وارد کنید: سایت به جای دامنه من آدرس خود را وارد کنید؛

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

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

ترکیبی از کلیدهای داغ + جعبه جستجو را باز کنید، در مرورگر Chrome آن را در سمت راست ظاهر می شود:

شکل 3. سایت جستجو کد

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

شکل 4. جستجو توسط کد های HTML سایت.

دستورالعمل 2: نحوه مشاهده و ویرایش کد سایت HTML و CSS در Google Chrome مرورگر

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

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

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

کد صفحه HTML چیست؟

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

چرا صفحه وب را تغییر دهید؟

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

بعد از:

به عنوان مثال، من همان سایت را می گیرم و اعلام قبلی مقاله را تغییر خواهم داد "" من باز می کنم صفحه اصلی در Google Chrome. من بر روی PCM بر روی عنصر کلیک کردم که می خواهم تغییر دهم، به عنوان مثال، هدر اعلامیه و "نمایش کد" را انتخاب کنید.

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

حالا متن قدیمی را حذف خواهم کرد و جدید را انجام خواهم داد.

این همه، نام اعلامیه تغییر کرده است. حالا من خود را تغییر می دهم، برچسب ها و عناوین را تغییر می دهم.

شما می توانید یک تصویر دیگر را با تغییر درج کنید ویژگی SRC در برچسب IMG