The fastest CSS extractor from any webpage bookmarklet

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language, You can now extract CSS,  inside any webpage using a bookmarklet. Creating a bookmarklet is just easy, you will drag the below link to your bookmarks bar. This not only extracts the CSS used inside any webpage but also it extract link tags.

This also works for android Chrome browser. Which can be used as an chrome android extension.


To use, Open the page to be extracted, let it load completely then click on the bookmarks bar. This will open the new window with the extracted styles.


1
javascript: (function() { tstr = ''; lstr=''; l = document.getElementsByTagName('link'); s = document.getElementsByTagName('style'); for (j = 0; j < l.length; j++) lstr += l[j].outerHTML; for (i = 0; i < s.length; i++) tstr += s[i].innerHTML; with(window.open()) { document.write('<textarea rows="30" cols=100" id="t">' + lstr + "\n\n-------------------------------\n\n" + tstr + '</textarea>'); document.close(); } })();

Comments