How to disable CSS in Browser for testing purposes

Question

Is there any way I can disable all external CSS in a browser (Firefox, Chrome...)?

When using slower internet connection, sometimes only the bare HTML is loaded by t

Answer 1

Firefox (Win and Mac)

• Via the menu toolbar, choose: "View" > "Page Style" > "No Style"
• Via the Web Developer Toolbar, choose: "CSS" > "Disable Styles" > "All Styles"

If the Web Dev Toolbar is installed, people can use this keyboard shortcuts: Command + Shift + S (Mac) and Control + Shift + S (Win)

• Safari (Mac): Via the menu toolbar, choose "Develop" > "Disable Styles"
• Opera (Win): Via the menu, choose "Page" > "Style" > "User Mode"
• Chrome (Win): Via the gear icon, choose the "CSS" tab > "Disable All Styles"
• Internet Explorer 8: Via the menu toolbar, choose "View" > "Style" > "No Style"
• Internet Explorer 7: via the IE Developer Toolbar menu: Disable > All CSS
• Internet Explorer 6: Via the Web Accessibility Toolbar, choose "CSS" > "Disable CSS"