如何在没有插件的情况下禁用 MS Edge 中的样式表
How to disable stylesheets in MS Edge without plugins
我测试了一个站点的可访问性,现在我有一个 QA 来验证所有更改都已完成。 QA 需要验证站点在样式表关闭的情况下仍然可读。 QA 只能使用 MS Edge,不能安装任何插件或浏览器扩展。有没有人想出如何关闭样式表?谷歌搜索这让我无处可去。当我评估该网站时,我在 Chrome 中使用了一个扩展,所以我以前从未遇到过这个问题。
按 F12 并将其复制到控制台,按回车键
$('style,link[rel="stylesheet"]').remove()
普通 JS 方法。
( [].slice.call( document.styleSheets ) ).map( function ( style ) {
var node = style.ownerNode;
node.parentNode.removeChild( node );
} );
ES6 原版 JS 版本
[ ...document.styleSheets ].map( ( style ) => {
const node = style.ownerNode;
node.parentNode.removeChild( node );
} );
我测试了一个站点的可访问性,现在我有一个 QA 来验证所有更改都已完成。 QA 需要验证站点在样式表关闭的情况下仍然可读。 QA 只能使用 MS Edge,不能安装任何插件或浏览器扩展。有没有人想出如何关闭样式表?谷歌搜索这让我无处可去。当我评估该网站时,我在 Chrome 中使用了一个扩展,所以我以前从未遇到过这个问题。
按 F12 并将其复制到控制台,按回车键
$('style,link[rel="stylesheet"]').remove()
普通 JS 方法。
( [].slice.call( document.styleSheets ) ).map( function ( style ) {
var node = style.ownerNode;
node.parentNode.removeChild( node );
} );
ES6 原版 JS 版本
[ ...document.styleSheets ].map( ( style ) => {
const node = style.ownerNode;
node.parentNode.removeChild( node );
} );