Просмотр текщего HTML-source

Все знают, что по "правой кнопке / Просмотр HTML-кода", или в меню "Вид / Источник" можно посмотреть исходник текущей странички.

Но что делать, если HTML-код изменён JavaScript-ом?

Всё просто: копируем в адресную строку браузера: (и нажимаем ввод)
(тройной клик для копирования, букмарклеты^? ниже)

javascript:document.write("<textarea style='width:99%;height:450px;'>"+document.body.innerHTML+"</textarea>");

Таким способом можно, например, смотреть во что превратился код AdSense.
Или раскодировать страничку, защищённую с помощью JavaScripta по методу "106!115!45!101!110!99!114!105!112!116!101!100!32!116!101!120!116!"

Кстати: В Опере можно просто javascript:alert(document.body.innerHTML); и скопировать в буфер.

Чтобы увидеть также содержимое тэга head:

| текущий HTML-source ^{букмарклет ?, перетащите, удерживая Shift}

javascript:document.write("<textarea style='width:99%;height:450px;'><html>\r\n"+document.getElementsByTagName('html')[0].innerHTML+"\r\n</html></textarea>");

Добавить HTML-source в начало странички:

| Текущий HTML-source в начало страницы ^{букмарклет ?, перетащите, удерживая Shift}

javascript:document.body.innerHTML="<textarea style='width:99%;height:350px;'>"+document.body.innerHTML+"</textarea>"+document.body.innerHTML;alert("source by Mr.KTO");

// alert() нужен, т.к. иначе IE будет некорректно отображать русские буквы.
// здесь можно использовать и document.write()

_________________________________________________________

См. также WISIWYG-редактирование текущей веб-странички прямо в браузере:

javascript: document.body.contentEditable='true'; document.designMode='on'; void 0;

| WISIWYG contentEditabe on|off ^{букмарклет ?, перетащите, удерживая Shift}

Понравился пост? – Поделитесь ссылкой:

Эта запись опубликована в Суббота, 27 октября 2007 в 20:28 Рубрики: AdSense, JavaScript.
Подпишитесь на RSS 2.0 ленту комментариев.
Вы можете оставить комментарий, или трекбек со своего сайта.

Поиск

Рубрики

Подписаться