Поиск
Подписаться
Разное

Валидный XHTML 1.0 Transitional

Валидный RSS

Интересная особенность Google Chrome и Firefox Категория: Веб-мастерство
Название: Интересная особенность Google Chrome и Firefox
Дата добавления: 20-04-2012
Раз просмотрено: 446
Комментарии: 4
Рейтинг: · · · · · · · · · · (0 голосов)

Интересная особенность Google Chrome и Firefox

В этой статье я расскажу вам об одном интересном свойстве браузеров Google Chrome и Firefox. Прочитав этот урок, вы сможете создавать ссылки, при нажатии на которые, пользователи браузеров Google Chrome и Firefox смогут открыть код заданной странице в режиме его просмотра. Этот механизм работает аналогично протоколу mailto.

Итак, эта схема реализуется чрезвычайно просто. Все что вам нужно, это знать протоколы браузеров Google Chrome и Firefox, встретив который, они откроют исходный код страницы. Этот протокол — view-source. Теперь мы создаем ссылку, где после протокола и двоеточия идет адрес страницы, исходный код который мы хотим увидеть:

<a href="view-source:http://netcoding.ru" target="_blank">Посмотреть исходный код</a>

Пользователи, использующие эти браузеры, нажав на ссылку откроют исходный код в режиме просмотра через браузер. Не забывайте, что адреса страниц должный начинаться с http://. И, желательно, использовать target="_blank", для открытия кода в новой вкладке.

Посетители откроют примерно следующие страницы:

Исходный код в Google Chrome
Исходный код в Google Chrome

Исходный код в Firefox
Исходный код в Firefox

Но что, если посетители используют другой браузер? Тогда, при нажатии на ссылку, им будет выдана ошибка. Во избежание этого, используйте следующий PHP код. Тогда ссылка появится, только если посетитель используют Firefox или Google Chrome:

<?php
if(strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') || strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox')) {
	echo '<p><a href="view-source:http://netcoding.ru" target="_blank">Посмотреть исходный код</a></p>';
}
?>

Если вы знаете, как сделать аналогичные способы для других браузеров, буду рад, если вы поделитесь ими в комментариях.

Это интересно: «Эффект старой фотографии на CSS».

Понравился материал? Расскажи о нем всем:
Оцените эту статью:
Прокомментируйте:
Ваше имя:
Гость  •  2012-04-21 00:07:54
Я так понял это только лишь для того, чтобы просмотреть код страницы? Но зачем столько сложностей, если можно просто правой кнопкой мыши нажать на странице и выбрать "исходный код" (опера), "просмотр HTML-кода" (IE). Либо я не уловил смысла...
Андрей  •  2012-04-21 14:24:49
Смысл в создании ссылки, при нажатии на которую он открывается. Сравните эти 2 инструкции:
 1. Нажмите правой кнопкой мыши на странице и выпадающем меню выберете пункт просмотр HTML кода. Или: нажмите на меню в левом верхнем углу браузера и выберете пункт…
 2. Нажмите на ссылку.
Гость  •  2012-04-21 17:18:42
да, так рассуждая, есть большой смысл - краткость сестра таланта:)
Обычным пользователям код до фонаря, а людям этим занимающимся будет проще сделать 2 щелчка, чтобы на странице увидеть код.
Так возникнет ли надобность в такой ссылке?
Андрей  •  2012-04-21 20:11:53
Естественно, этот способ применим только для сайтов, посвященных веб-программированию.