Този урок е предназначен само за потребители, работещи с браузъра Opera на операционни системи Windows или Mac. Ако трябва да прегледате източника на страницата в други браузъри, научете как в нашето ръководство как да видите изходния код на уеб страница във всеки браузър .
Има много причини, поради които искате да видите изходния код на уеб страницата, като отстранявате проблема със собствения си сайт до просто любопитство. Каквото и да е мотивът ви, браузърът на Opera улеснява изпълнението на тази задача. Можете да изберете да преглеждате този източник в най-основната му форма в раздела на браузъра или да се вгледате по-дълбоко в интегрираните инструменти за разработка на Opera. Този урок ви показва как да направите и двете. Първо, отворете браузъра си за Opera
Потребители на Windows
Кликнете върху бутона на Opera , разположен в горния ляв ъгъл на прозореца на браузъра. Когато се покаже падащото меню, задръжте курсора на мишката върху опцията Още инструменти . Трябва да се появи подменю. Кликнете върху Показване на менюто за програмисти, така че в лявата част на тази опция да бъде поставена отметка.
Върнете се в главното меню на Opera. Вече ще забележите нова опция, намираща се директно под " Още инструменти", обозначени като " програмист" . Задръжте курсора на мишката върху тази опция, докато се появи подменю. След това кликнете върху Преглед на източника на страница . Изходният код за активната уеб страница ще бъде показан в нов раздел на браузъра. Можете също да използвате следната клавишна комбинация, за да достигнете до тази точка: CTRL + U
За да видите по-подробни подробности за активната страница и нейния съответен код, изберете опцията Инструменти за програмисти от подменюто за програмисти или използвайте следната клавишна комбинация: CTRL + SHIFT + I
Mac OS X и MacOS потребителите на Сиера
Кликнете върху Изглед в менюто ви на Opera, разположено в горната част на екрана. Когато се покаже падащото меню, изберете Показване на менюто за програмисти . Сега трябва да добавите нова опция към менюто си в Opera, наречено Developer . След това кликнете върху тази опция и когато се появи падащото меню, изберете View Source . Можете също така да използвате следната клавишна комбинация, за да изпълните това действие: Command + U
Сега трябва да се види нов раздел, показващ изходния код на текущата страница. За да анализирате същата тази страница с инструмента за инструменти на Dev, първо кликнете върху Developer в менюто на браузъра в горната част на екрана. Когато се покаже падащото меню, изберете опцията Инструменти за програмисти .