Я предпочитаю браузер Mozilla Firefox, именно с него сделанные скриншоты будут показаны ниже. В других браузерах есть похожие инструменты преимущественно с теми же горячими клавишами клавиатуры (см. комментарии ниже).
Горячие клавиши <Ctrl>+<Shift>+<C> или <F12>
Задача: скопировать изображение паучка.- Навести курсором мышки на интересующий элемент.
- Нажать правую кнопку мышки — «Исследовать элемент».
- Открывается такой вот помощник для разработчиков. Теперь остаётся только нажать на ссылку адреса background

Горячие клавиши <Ctrl>+<U>
Как открыть полный исходный код страницы
- Нажать сочетание горячих клавиш, озвученных выше, либо, наведя на пустое место сайта и не выделяя какого-либо элемента, вызвать контекстное меню — «Исходный код страницы».
- Ввести в адресную
view-source:URL_интересующей_страницы
Пример:view-source:http://shpargalkablog.ru/2014/05/see-html.html
Как искать информацию в исходном коде: <Ctrl>+<F>
Горячими клавишами <Ctrl>+<F> выводится поле поиска, куда можно ввести любой текст.
Как открыть часть HTML сайта
- Выделить интересующий элемент.
- Нажать правую кнопку мышки — «Исходный код выделенного элемента».

Самое интересное, что я использую все эти методы анализа страницы, а не только <Ctrl>+<Shift>+<C>.
Серверные скрипты, такие как PHP, увидеть не удастся.
7 комментариев:
Оля, а для особо одаренных можно в Хроме такое же сделать?
<Ctrl>+<Shift>+<C> или http://4.bp.blogspot.com/-2EIj7WE6Zkg/U3MOBdio0CI/AAAAAAAAEbU/l2BPSXovmU0/s00/kod-elementa.png
<Ctrl>+<U> или http://1.bp.blogspot.com/-2IqqSc7LOTo/U3MOBdqx2XI/AAAAAAAAEbY/8-x8R5SDyHI/s00/kod-stranitsy.png
Посмотреть код выделенного фрагмента в отдельном окне мне не удалось.