有没有一种方法可以禁用Chrome / Firefox的特定CSS功能

Question

是否有某种方式可以为我的浏览器禁用特定的CSS功能，以便可以查看在不支持该功能的浏览器中页面的外观？ 例如，我正在使用CSS网格。但是我想在chrome / firefox中禁用CSS网格功能，以便查看在不支持CSS网格的浏览器中布局的外观。

Answer 1

使用jquery，您可以检测到该网站正在使用哪个浏览器

if($.browser.chrome) {
   $('#mytargetitemid').removeClass('.cssgrid')
} else if ($.browser.mozilla) {
   alert(2);
} else if ($.browser.msie) {
   alert(3);
}

此代码删除了该项目的类标签，因此css不适用于它：-

$('#mytargetitemid').removeClass('.cssgrid')

希望这会有所帮助，如有任何混淆，请还原

Answer 2

您可以检查多少版本的浏览器支持网格布局compatability。

在IE浏览器中，您可以选择根据版本进行测试，但是我怀疑我们在chrome中是否有相同的选择。

Answer 3

这只是黑客，而不是标准，但它可以帮助-> @media-query交换。 您所需要做的就是交换查询，例如

将原始查询包装在@supports *not* (display: grid) {...}中，就好像您要针对非网格浏览器一样，当然，这些浏览器还是不会理解它，然后允许其他代码运行。