如何在浏览器中用于测试目的禁用CSS [英] How to disable CSS in Browser for testing purposes

问题描述

有什么办法，我可以在一个浏览器（Firefox，Chrome浏览器...）？禁用所有外部CSS

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

在使用较慢的互联网连接，有时只有光秃秃的HTML由浏览器没有CSS加载的信息。它看起来像页面已经被屏幕上奠定了原料。你会用计算器也注意到了这一点。

When using slower internet connection, sometimes only the bare HTML is loaded by the browser without the CSS info. It looks like the page has been laid raw on the screen. You would have noticed this with StackOverflow too.

我想确保我的网页显示出来OK即使没有加载的CSS文件。

I want to make sure that my web page shows up OK even if the CSS files are not loaded.

我不是这个意思我想外部CSS转换为内联。但我想一个办法，明确从浏览器禁用所有CSS，这样我可以在一个更好的，可读的方式重新定位我的元素。

I didn't mean I want to convert external CSS to inline. But I want a way to explicitly disable all CSS from the browser so that I can reposition my elements in a better, readable way.

我知道我可以删除的＆lt;链接相对='样式'＆GT;条目，但如果我有很多链接的页面？

I know I can remove the <link rel='stylesheet'> entries, but what if I have a lot of linked pages?

推荐答案

有关 Firefox的Web开发插件和<一个href=\"https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm\">Chrome能够做到这一点。

The Web Developer plugin for Firefox and Chrome is able to do this

一旦你已经安装了该插件的选项是在CSS菜单。例如， CSS＆GT;禁用样式＆GT;禁用所有样式

Once you have installed the plugin the option is available in the CSS menu. For example, CSS > Disable Styles > Disable All Styles

或者与开发人员工具栏中启用您可以preSS Alt + Shift + A 。

Alternatively with the developer toolbar enabled you can press Alt+Shift+A.

这篇关于如何在浏览器中用于测试目的禁用CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！