Скрипт показа исходного кода страницы в блоге

Этот скрипт, под названием View Page-Source, - прямо находка для тех блогеров, которые пишут статьи веб-технической тематики, когда жизненно необходимо (для усвоения материала) попросить читателя посмотреть в браузере исходный код страницы.

Конечно можно в таких случаях каждый раз разводить "воду" а-ля:
"... а теперь, дорогие читатели, чтобы врубиться в суть моего мануала, в своём браузере щёлкните по странице этого блога/такого-то сайта курсором, нажмите на правую кнопку мыши своего браузера Firefox и выберете "исходный код страницы".

Можно ещё приложить вот такой красноречивый скриншот (оцените мои художественные навыки работы с Paint) ↓

А теперь представьте, что эту процедуру придётся повторить в 10 статьях, и каждый раз надо изворачиваться и писать другими словами или обрамлять копипаст в тег <noindex></noindex> для Яндекса, потому что они кушают только уникальный контент.

Ну, это вышеоговоренное занятие присуще для нубов, а мастер сделает всё просто, одним скриптом в статье (это демо):


А теперь, чтобы понять процесс подключения скрипта к определённой странице, посмотрите её исходный код
.

Здесь нет никакого волшебства, javascript просто подставляет к ссылке приставку view-source.

Устанавливается скрипт элементарно.
В активную часть шаблона (<body></body>), то есть в тело статьи вы ставите малюсенький скрипт:
<script>
<!--
function viewthesource(){
window.location="view-source:"+window.location
}
//-->
</script>

И рядом с ним ссылку, которую увидят читатели:
Нажмит сюда, чтобы увидеть <b><a href="javascript:viewthesource()">исходный код</a></b> этой страницы.

Окей, а что ещё интересного?
Плагин для подсветки кода SHJS.

1 комментарий: