A simple proxy that strips away CSS frippery.
structure.exposed is a good way to check how your site will behave if styles fail to load.
Authoring your markup in a logical order using semantic markup ensures that basic functionality is retained even if the visuals are not. It is also great for helping to make your site accessible.
Frequently Asked Questions
How are styles removed?
Styles are removed by an injected script that removes every
<style> tag, every
<link rel="stylesheet"> and the
style attribute from every element.
Is this the document source order as authored?
Aside from removing styles, structure.exposed does not alter the host site's HTML.
Why are all these giant logos showing up?
There is a technique for displaying icons that has you place SVG files invisibly at the top of your site. When styling is removed, the instructions for hiding them are disabled and the icons appear in their default state.
What's with this weird grid of icons?
Much like the icon displaying technique described above, using CSS sprites for non-SVG icons is another popular technique for displaying images.
Why am I seeing content displayed that isn't shown on the styled site?
Clever developers will sometimes hide content on the site, and then reveal it under certain circumstances. Remember! It's best to make sure this content is placed in a logical order, even if it is initially hidden visually.
Is this a good replacement for Google Wireless Transcoder?
Nope, unfortunately. The site will still request and download data before its styles are removed.
Can I use this locally?
Just break the link to your CSS and refresh the page, you silly goose.
Firefox's disable Page Style functionality.