Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Under Firefox, View -> Page Style -> No Style allows viewing an unstyled page. Helpful for some overly-JS / stylesheet dependent sites (e.g.: Lifehacker).

Is there any similar functionality under Google's Chrome, and/or where would I access this?

Version 19.0.1084.56 / Ubuntu.

share|improve this question

4 Answers 4

You can use the Web Developer extension for that:

enter image description here

share|improve this answer
2  
Thanks. That seems to do the trick. Though Lifehacker is still unreadable. Works in w3m though. Old school is how we roll here. –  Dr. Edward Morbius Jul 10 '12 at 19:46
    
Hrm. Problem is that this is a global setting for all sites/pages. I just went through a few moments of "WTF!!!" as I suddenly started seeing styling elements appear/disappear from various pages as I toggled various Web Developer settings. So it's somewhat, but not entirely, useful. –  Dr. Edward Morbius Jul 10 '12 at 20:29
    
@Dr.EdwardMorbius: Weird. For me, this is only temporary. Even refreshing the page reverts to the default view of the site. But I assume that's not what you want either, is it? –  Oliver Salzburg Jul 10 '12 at 20:32
    
Yes. Toggling stylesheet off for the current session would be sufficent. Toggling CSS, JS, cookies, etc., for all sites is right out. Unfortunately that seems to be what was happening. I'd describe the experience as "mildly annoying". –  Dr. Edward Morbius Jul 10 '12 at 22:03

There is no Chrome version of No Style (yet?), so you have to use another method, such as some of the other extensions that can disable styles.

You can use the Disable Stylesheets extension to disable stylesheets in general or the Web Developer extension to toggle all styles on or off. Pendule is also a popular extension for this purpose.

You can also disable styles with the Developers Tools [1][2]:

Gear Icon -> CSS Tab -> Disable All Styles

share|improve this answer
    
That appears to disable all stylesheets for all pages, with no ability to enable/disable them on a given page. Not what I'm looking for. –  Dr. Edward Morbius Jul 10 '12 at 19:42
    
Which one? There's four options. –  Synetech Jul 10 '12 at 19:44
    
I don't see an extension icon. Deleted it. –  Dr. Edward Morbius Jul 10 '12 at 19:45
    
Huh?​​​​​​​​​​​ –  Synetech Jul 10 '12 at 19:50
    
There was no icon for the "Disable Stylesheets" extension in the notification area to the right of the URL window. The only way I could manage settings was to navigate through Wrench -> Tools -> Extensions -> Disable Stylesheets -> Options. Not ... very ergodynamic. –  Dr. Edward Morbius Jul 10 '12 at 20:30

If you are doing this for speed reasons then can I suggest an alternative: Links 2

When the browser opens press g and type the url you want to go to. This browser is light on the standards it supports, but amazingly fast even on a very old PC.

share|improve this answer
1  
It's more a privacy / keep JS usage to a minimum basis. I tend to prefer w3m over the links/elinks family of console browsers -- better ergonomics and I'm pretty used to it. Yeah, though, I'm really familiar with how fast and light console browsers can be. Some sites are just plain broken though. –  Dr. Edward Morbius Jul 10 '12 at 19:47
    
Gotcha. I actually don't use the console version, but the gui as it's just as fast. But yeah, you're right, sometimes pages are very broken. It would be great if all pages degraded gracefully. –  Gerry Jul 10 '12 at 19:53
2  
I've been known to resort to lynx, some sed, and 'fmt' in extreme cases. This makes baby Jesus cry. –  Dr. Edward Morbius Jul 10 '12 at 20:32

Under Firefox, View -> Page Style -> No Style allows viewing an unstyled page. Helpful for some overly-JS / stylesheet dependent sites (e.g.: Lifehacker). Is there any similar functionality under Google's Chrome, and/or where would I access this? Version 19.0.1084.56 / Ubuntu. - Dr. Edward Morbius

...

Yes. Toggling stylesheet off for the current session would be sufficent. Toggling CSS, JS, cookies, etc., for all sites is right out. Unfortunately that seems to be what was happening. I'd describe the experience as "mildly annoying". - Dr. Edward Morbius

Hi, Dr. Edward Morbius.

Using the jQuery library, this line at the console (Chromium/Chrome, Firefox, Opera) should clear author styles from an HTML document:

(function clearStyle(){c='';$('link[rel=stylesheet]').attr('href',c);$('style').html(c);$('*').attr('style',c);})()

https://github.com/guest271314/toggleStyles/blob/master/clearStyle.min.js

To toggle styles on or off in an HTML document, this might be helpful:

https://github.com/guest271314/toggleStyles/blob/master/toggleStyles.js

Loads jQuery into the document, either from local file or from jQuery's CDN, logs success, logs style status, toggles author styles on or off by spacebar keydown or at the console.

Tested in Chromium/Chrome, Firefox and Opera for both local and online HTML documents.

Hope this helps,
/guest271314

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.