Къде да намерите изходния код на страницата. Какъв е HTML кодът на страницата? Изтриване на коментари в Google Plus

И двата метода са универсални и трябва да работят във всички браузъри.

Първоначално на някои ще изглежда, че това изобщо не е така правилният инструмент, но прегледът на целия HTML код на даден сайт е чудесен за намиране на необходимите елементи в кода, това могат да бъдат връзки, тагове, мета тагове, атрибути и други елементи.

Използвайте комбинацията от клавишни комбинации +, за да отворите прозореца за търсене в браузъра Chrome, който се появява горе вдясно:

Фигура 3. Търсене по код на сайта

След като въведете заявка във формата за търсене, екранът ще се премести до първия намерен елемент, като използвате стрелките, можете да се придвижвате между тях и да изберете този, от който се нуждаете:

Фигура 4. Търсене по HTML код на сайта

Сега най-важната част, в която ще покажа как можете да редактирате HTML и CSS кода на уебсайт в браузър. след това прехвърлете промените в браузъра.

като това полезен инструментвинаги налични във вашия браузър, експериментирайте с други команди, които ще улеснят редактирането на вашия сайт.

И така, днес ще разгледаме няколко полезни средстваза уеб майстори, които улесняват живота при проектирането на уебсайт. Да започнем с конзолата за уебмастърив Google Chrome. И нека да преминем през въпросите, които най-често възникват за уеб администратора по време на оформлението на уебсайта.

За да стигнете до конзолата, отворете уебсайта си в Google Chrome, щракнете с десния бутон където и да е на уеб страницата и изберете „Преглед на кода на страницата“ в контекстното падащо меню или върху конкретен елемент за изучаване, като изберете „Преглед на кодов елемент ".

В горната част ще имате изброени няколко раздела. Днес ще говорим за раздела „Елементи“, който представя елементите на уеб страница с подчертаване на тагове, свойства, подчертаване на влагането на елементи, представяне на йерархията на елемента в DOM дървото (намек в долната част, от основния родител на текущия, който се изследва), възможността за редактиране на елементи, списък с техните свойства, разглеждане на търсене по елементи и също така запознаване с прегледа на css стилове, свързани с елементи и т.н.

Така че нищо не може да бъде по-лесно! Отваряне Google браузър Chrome, отворете нашия сайт - източник на въпросите, щракнете с десния бутон върху желания елемент, ако се вижда в контекста на страницата, и изберете контекстно менюЕлемент "Преглед на кода на елемента".

В долната част имаме конзола с подчертан раздел вляво „ Елементи“ и всички стилове, свързани с елемента вдясно, където: Изчислените стилове са общите „обобщени“ стилове, които са присвоени на елемента от css правилаи настройките на браузъра на потребителя (неговата среда), а разделът е минимизиран.

Но ние се интересуваме от раздела „Стилове“, разширен под него, който изброява на свой ред всички стилове, присвоени на елемента, както и файлове, където тези правила са посочени за този елемент по неговия тип, идентификатор, клас, име, свойство , атрибут и др. Освен това, ако css правило е задраскано, това означава, че е било предефинирано по-рано/по-късно (което улеснява проследяването кое от css правилото има приоритет и се прилага в в този случайкъм елемента).

Под конзолата има ред, който показва елемента в йерархията на документа, като лесно ви позволява да видите целия списък с родителски елементи от корена до избрания елемент. Нещо като "трохи хляб".

Отворете сайта в Google Chrome, щракнете с десния бутон, извикайте контекстното меню, изберете „Преглед на кода на страницата“. Натиснете едновременно клавишната комбинация „CTRL + F“ и въведете фразата, от която се нуждаем (например : клас=”подплата") и се придвижете през списъка с намерени резултати, като едновременно преглеждате всички стилове, свързани с желаните елементи от дясната страна на страницата.

Чакаме страницата да се зареди в Google Chrome. Ние изпълняваме необходими действияза да работи Ajax. Щракнете с десния бутон върху заредените данни, изберете „Преглед на кода на елемента“ в контекстното меню и прегледайте резултата в конзолата в раздела „Елементи“ вляво.

Между другото, също така е удобно да наблюдавате, ако е необходимо, какви стилове са присвоени на даден елемент в движение, например, когато превъртате през галерия и други събития на таймера. Всички стилове, зададени чрез javascript в реално време, ще бъдат показани в стил собственостизбран елемент в прозореца на раздела „Елементи“.

Google Chrome предоставя интерактивна конзола за css стилове. Това означава, че можете не само да видите кои стилове са приложени към даден елемент, но и да преместите курсора на мишката върху конкретен. css свойства, активирайте го, като използвате изскачащото квадратче за отметка вдясно, или го деактивирайте, като премахнете отметката от флага и прегледате получения резултат на страницата.

И така, вече научихме как да изследваме структурата на уеб документ в Google Chrome, сега ще разгледаме накратко елементите за редактиране в движение. Отиваме до конзолата по всеки удобен за нас начин. Ние намираме задължителен елементв раздела „Елементи“, щракнете с десния бутон върху него, като по този начин извикате изскачащото контекстно меню:

• Добавяне на атрибут – добавя атрибут за определен елемент. Веднага щом курсорът стане активен, започваме да задаваме желаното свойство. Например: нека напишем name=”itemImage”, което веднага ще бъде добавено към нашия елемент.
• Редактиране на атрибут – ако щракнете с десния бутон върху атрибут на елемент, елементът за редактиране на атрибут става достъпен. Кликнете и редактирайте.

Пример за използване: Забравихме паролата, записана под звездички в Google Chrome (ако паролата е била запазена в този браузър). Щракнете с десния бутон върху елемента с въведената парола, щракнете върху „Преглед Код на елемента", в конзолата отляво в раздела Елементи, щракнете с десния бутон върху атрибута type="password", щракнете с левия бутон върху атрибута Редактиране, променете атрибута тип=”парола"на тип=”текст", а сега, вместо звездички, същата парола се показва в текстов вид.

• Редактиране на html – щракнете с десния бутон върху елемента в конзолата Elements, изберете Редактиране на html, променете кода по ваш вкус.
• Копиране като HTML – копираме частта от HTML, от която се нуждаем за по-нататъшно изследване, да речем, в бележник или за други цели, където трябва да приложим абсолютно същото оформление. Спестяваме време.
• Копиране на XPATH - Копира XPATH представянето на структурата от корена на родителския елемент към избрания елемент.
• Изтриване на възел – ако трябва да премахнете текущо избрания елемент и всички негови деца от контекста уеб страници, и вижте резултата.
• Word wrap – ще направи представянето на уеб страница в контекста на конзолата Elements по-четливо.

В следващите статии ще продължим да разглеждаме инструментите за уеб администратора и по-специално ще се запознаем с останалите раздели на инструментите за уеб администратора в Google Chrome, както и ще разгледаме грешките при отстраняване на грешки javascript означаваразлични браузъри

Със сигурност сте виждали в някои сайтове забрана за използване на десния бутон на мишката. Тази функция се бори предимно с онези, които искат да откраднат вашето съдържание. Тази мярка няма да ви предпази напълно от кражба, но напълно ще ви предпази от ръчно копиране. Други опции.
Не препоръчвам да деактивирате десния бутон на мишката, ако публикувате материали, предназначени за копиране в блога си. Това могат да бъдат кодове, скриптове, кулинарни рецепти, справочни материали и др. Забраната за копиране в този случай ще отблъсне посетителите от вас и вашият блог ще стане по-малко полезен за посетителите. Ако защитата от плагиатство е важна за вас, тогава е по-добре да добавите своя url в края на копието. Тогава ще сте сигурни, че ако някой иска да публикува нещо, копирано от вас, другаде в интернет, копи-пасторът ще е по-вероятно да сподели линк към вашия блог.
Тази рецепта е подходяща за всеки уебсайт. Всичко, което трябва да направите, е да поставите кода на всички страници на вашия блог:

Наближава празникът – Международният ден на жената. Нека се подготвим за това предварително. Можете да поздравите момичета и жени по оригинален начин, като използвате услуги за пощенски картички, за които ще говоримпо-долу.

Създайте пощенска картичка за 8 март онлайн

, а тук можете да добавите поздравителен текст. Между другото, ако просто трябва да добавите текст към картина, тогава можете да проверите.

Автор: Иванова Наталия 2019-02-17

Запазете промените си.

Потвърдете прехода към и въведете вашето име или псевдоним.

Автор: Иванова Наталия
Днес ще ви кажа какво е CSS3, с какво се използва, къде да го търсите и как да го напишете правилно. Предупреждавам, ще кажа от себе си, опростено за широката публика, както го виждам + примери. И така, да започнем отдалече. CSS са стилове, в които са написани свойствата на даден обект. Това означава, че те са във всички съществуващи двигатели, ако не можете да ги намерите, тогава или търсите на грешното място, или наистина не съществуват (крив сайт
). Къде обикновено се намират? Обикновено това е коренът на сайта, името на файла style.css, въпреки че по принцип името не е толкова важно, колкото разширението .css, ако файлът с такова разширение е стилов файл.