Просмотр текщего 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!"
Кстати: В Опере можно просто alert(document.body.innerHTML) и скопировать в буфер.
Чтобы увидеть также содержимое тэга head:
| букмарклет ?
javascript:document.write("<textarea style='width:99%;height:450px;'><html>\r\n"+document.getElementsByTagName('html')[0].innerHTML+"\r\n</html></textarea>");
Добавить HTML-source в начало странички:
| букмарклет ?
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;
| букмарклет ?
октября 27, 2007 в 21:34
Опля, как же я не догадался, всё искал нормальный плагин. Достаточно практично для дебагинга, правда отслеживать всё-равно прийдётся вручную всякие функции и тп. Очень пригодится сейчас для разбора завалов со своей менюшкой, спасибо.