JavaScript to fetch CSS from WebPage

-
CSS Solved a Big Problem
HTML was NEVER intended to contain tags for formatting a document.
HTML was intended to define the content of a document, like:

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.

In HTML 4.0, all formatting could (and should!) be removed from the HTML document, and stored in a separate CSS file.

Ex –

<!DOCTYPE html>
<html>
<head>
<style>
p {
    text-align: center;
    color: red;
}
</style>
</head>
<body>

<p>Every paragraph will be affected by the style.</p>
<p id="para1">Me too!</p>
<p>And me!</p>

</body>
</html>

java script to fetch css  

var elems = document.getElementsByTagName('*');
var source = [];
var css = returnCSS(elems);
function returnCSS(elems){
for(var i=0; i<elems.length ; i++){
      //console.log(document.defaultView.getComputedStyle(elems[i],null));
      source.push(document.defaultView.getComputedStyle(elems[i],null));
      }
return source;
}console.log(css);







Comments

Post a Comment

Popular posts from this blog

TestNG Listeners

-
http://examples.javacodegeeks.com/enterprise-java/testng/testng-listeners-example/ http://www.toolsqa.com/selenium-webdriver/testng-listeners/ https://rationaleemotions.wordpress.com/2012/01/27/listen-to-what-i-have-to-say-about-testng-listeners/
Read more

What is Wireframe ?

-
    A wireframe is a layout of a web page that demonstrates what interface elements will exist on key pages. It is a critical part of the interaction design process. The aim of a wireframe is to provide a visual understanding of a page early in a project to get stakeholder and project team approval before the creative phase gets under way. Wireframes can also be used to create the global and secondary navigation to ensure the terminology and structure used for the site meets user expectations. It is quicker and cheaper to review and amend the structure of the key pages in a wireframe format. Iterating the development of the wireframes to a final version will provide the client and the design team confidence that the page is catering to user needs whilst fulfilling the key business and project objectives. Often used to complete the User Centred Design process, wireframes are also used at the beginning of the design phase. A prototype usability...
Read more

Database Sharding

-
 What is Sharding? Sharding is a database architecture pattern related to horizontal partitioning — the practice of separating one table’s rows into multiple different tables, known as partitions. Each partition has the same schema and columns, but also entirely different rows. Likewise, the data held in each is unique and independent of the data held in other partitions. It can be helpful to think of horizontal partitioning in terms of how it relates to vertical partitioning. In a vertically-partitioned table, entire columns are separated out and put into new, distinct tables. The data held within one vertical partition is independent from the data in all the others, and each holds both distinct rows and columns. Should I Shard ?  Whether or not one should implement a sharded database architecture is almost always a matter of debate. Some see sharding as an inevitable outcome for databases that reach a certain size, while others see it as a headache that should...
Read more