有没有办法在 Chrome 中查看没有样式的网页？
dre*_*ius 27 google-chrome css
在 Firefox 下，查看 -> 页面样式 -> 无样式允许查看无样式页面。对一些过于依赖 JS / 样式表的站点（例如：Lifehacker）很有帮助。
Google 的 Chrome 下是否有类似的功能，和/或我可以从哪里访问？
版本 19.0.1084.56 / Ubuntu。
ccp*_*zza 36
禁用所有 CSS 样式表
鉴于大多数现代页面都定义了包含在 中的外部 CSS 文件中的所有样式<head>，删除head标记将有效地删除所有样式（显式内联样式和脚本设置的样式除外）。右键单击页面，从上下文菜单中选择“检查”并将其粘贴到“控制台”选项卡中：
document.head.parentNode.removeChild(document.head);
这里是上面的代码，其中可以粘贴为书签的URL的书签版本（切换与Chrome的书签栏?+ shift+ bMac或ctrl+ shift+b在Linux / Windows的）：
javascript:(function(){document.head.parentNode.removeChild(document.head);})()
您也可以直接在地址栏中输入上面的代码，但在输入之前请阅读答案末尾的注释。.
去除<head>也可以从devtools进行元素标签，右键单击head标签，并通过上下文菜单删除它：
注意：删除 head 标签是一种蛮力方法，因为它会杀死所有样式、javascript、web 字体等，如果页面内容是由 javascript 呈现的，那么很可能你会得到一个空页面。在大多数网站上，它可能会给您预期的结果。
一个更常见的用例是删除页面上特定的烦人的东西，例如颜色、边距、iframe 等。在这种情况下，以下书签之一将提供更精细的控制。
删除颜色、背景、边距、填充、宽度
创建书签并将以下代码段添加为 URL：
javascript:(function(){for(i=0;i<document.styleSheets.length;i++){document.styleSheets.item(i).disabled=true;}all=document.getElementsByTagName('*');for(i=0;i<all.length;i++){el=all[i];el.style.cssText='';el.style.width='';el.style.padding='0px';el.style.margin='2px';el.style.backgroundImage='none';el.style.backgroundColor='#fff';el.style.color='#000';}})()
现在，您可以单击书签来清理当前页面上的 CSS 样式，使其更具可读性。
注意：事实上，一个页面可能
<style>在<body>标签内有一个块——HTML5 标准允许这样做，而且大多数浏览器都支持它。到目前为止，这不是常见的做法，但是随着 Web 框架的发展，我们可能会在未来的 Web 中看到更多的“本地样式表”。
如果您只是想提高可读性，那么禁用所有 CSS 可能无法提供最佳体验。对于这种情况，下面的书签可能会给出更好的结果：
删除非滚动页眉/页脚（增加阅读区域）
javascript:(function(){var elems=document.body.getElementsByTagName("*");var len=elems.length;for(var i=0;i<len;i++){var pos=window.getComputedStyle(elems[i],null).getPropertyValue('position');if(pos=='fixed'||pos=='sticky'){var el=elems[i];el.parentNode.removeChild(el);}}})()
删除 iframe（杀死大多数横幅等）
javascript:var frames %3D document.getElementsByTagName%28"iframe"%29%3Bfor %28%3Bframes.length%3B%29 %7Bframes%5Bframes.length-1%5D.parentNode.removeChild%28frames%5Bframes.length-1%5D%29%3B%7Dvoid%280%29
这也会杀死大多数嵌入的视频、评论小部件等。
删除所有图片（办公模式浏览）
javascript:(function(){function toArray(c){var a,k;a=new Array;for(k=0;k<c.length;++k)a[k]=c[k];return a;}var images,img,altText;images=toArray(document.images);for(var i=0;i<images.length;++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,img)}var alle=document.getElementsByTagName("*");for(var i=0,max=alle.length;i<max;i++){alle[i].style.backgroundImage='none';}})();
注意：这个需要与上面的Remove iframes结合使用，因为大多数横幅图像通常在 iframes 内，并且这个书签只适用于顶级文档。
书签也可用于在使用广告拦截器时不会显示内容的网站。
您可以使用Bookmarklet Builder取消缩小代码（格式按钮），编辑它以满足您的需要，然后将其缩小（压缩按钮）为您可以粘贴为书签 URL 的内容。
上面列出的书签也适用于 iOS 和 Android 上的大多数移动网络浏览器。移动浏览器不会从地址栏运行javascript，但您可以添加书签，将js代码粘贴为URL，设置标签，例如
clean，然后通过点击书签菜单中的项目运行它（对于IOS safari）或clean在地址栏中输入，然后在自动建议下拉菜单中点击相应的书签。这可以提高没有阅读模式的页面的可读性。注意：如果您将上面的书签直接复制并粘贴到地址栏中，您会注意到浏览器删除了
javascript:前缀 - 这是浏览器安全功能，因此如果您想直接从地址栏中测试书签，那么您将需要javascript:在 js 代码之前手动添加。
Chrome 扩展程序
如果您正在寻找 chrome 扩展，那么您可以在uMatrix中单击 CSS 列以禁用所有 CSS 和样式，在Web Developer中，在 CSS 选项卡下您可以选择Disable All Styles。
| 归档时间： |
|
| 查看次数： |
90340 次 |
| 最近记录： |