• Авторизация
Дневник NatSvet Лента друзей - Дневник - Полная версия


Как посмотреть код страницы сайта | HTML 24-06-2016 22:54 к комментариям - к полной версии - понравилось!


Я предпочитаю браузер Mozilla Firefox, именно с него сделанные скриншоты будут показаны ниже. В других браузерах есть похожие инструменты преимущественно с теми же горячими клавишами клавиатуры (см. комментарии ниже).
Задача: скопировать изображение паучка. Навести курсором мышки на интересующий элемент.





  1. Нажать правую кнопку мышки — «Исследовать элемент».
    [342x234]
  2. Открывается такой вот помощник для разработчиков. Теперь остаётся только нажать на ссылку адреса background
    [754x519]

Если щёлкнуть на серые треугольнички, то можно посмотреть вложенные элементы. Путь от предка к родителю показан голубыми стрелками. Есть эффективный поиск тегов и их количества. Я также часто открываю вкладки «Вычислено» и «Блоковая модель». Да и возможности других вкладок и иконок занимательны.
[631x748]

Горячие клавиши <Ctrl>+<U>


Как открыть полный исходный код страницы



  • Нажать сочетание горячих клавиш, озвученных выше, либо, наведя на пустое место сайта и не выделяя какого-либо элемента, вызвать контекстное меню — «Исходный код страницы».
    [333x498]
  • Ввести в адресную
    view-source:URL_интересующей_страницы

    Пример:
    view-source:http://shpargalkablog.ru/2014/05/see-html.html



Как искать информацию в исходном коде: <Ctrl>+<F>


Горячими клавишами <Ctrl>+<F> выводится поле поиска, куда можно ввести любой текст.
[577x470]

Как открыть часть HTML сайта



  1. Выделить интересующий элемент.
  2. Нажать правую кнопку мышки — «Исходный код выделенного элемента».
    [419x374]

[754x142]
Серверные скрипты, такие как PHP, увидеть не удастся.

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как посмотреть код страницы сайта | HTML | NatSvet - Дневник NatSvet | Лента друзей NatSvet / Полная версия Добавить в друзья Страницы: раньше»