1. 犀牛前端部落首页
  2. JavaScript百科

js一次性删除页面所有css文件

js一次性删除页面所有css文件

俺想看看没有CSS的页面是什么样子,就必须禁止所有的css效果。

这个时候我们就需要移除页面所有的css文件,有没有什么办法可以一次性删除页面所有的css文件呢?

正文

一种超级弱鸡但可行的方法是打开DevTools,在Sources面板中你会看到CSS文件的样式。

你可以在该文件中删除css样式,并且实时显示出删除该样式的效果。

js一次性删除页面所有css文件
未删除前

删除样式后显示如下

js一次性删除页面所有css文件
删除后页面显示

注意,这只是改变浏览器的CSS版本,不会以任何方式与文件交互,即使它是本地的

但是,现在有些站点将CSS嵌入到样式标签中,有些站点有大量分散的CSS文件,这种方法实现起来,真的是太慢了。

我们可以使用js来达到一下子删除的目的,输入以下代码(我们可以在F12浏览器控制台输入):

document.querySelectorAll('style,link[rel="stylesheet"]').forEach(item => item.remove())

上面的js将会删除所有的内联和链接的CSS。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/3168.html

发表评论

登录后才能评论