如何更改Chrome的标签缩进宽度?

时间:2013-11-11 22:00:55

标签: google-chrome view-source

出于个人原因,我使用制表符而不是空格来缩进我的代码。我偶尔会在Chrome的view-source:标签中查看我的网页源代码。当我这样做时,我的标签宽度为8个空格。我想把它改成2个空格。我无法弄清楚如何更改此默认行为。无济于事,我尝试在线搜索并浏览Chrome的设置。 “功能请求”位于here,但该帖子已有近5年的历史。

我的问题是:如何将Chrome的8个空格的默认标签缩进更改为2个空格?

2 个答案:

答案 0 :(得分:13)

我担心自Chrome 33以来,对上述解决方案的支持已被删除。请参阅以下帖子:http://www.reddit.com/r/chrome/comments/1ymfgw/

在通过愤怒的讨论列表进行一些粗略的窥探之后,我得出结论,没有办法定制视图源页面的格式,而不是编写完整的扩展。当然,对于像调整缩进宽度一样卑鄙的东西来说,这是过分的。

作为一个(希望是临时的)修复,我只是将以下书签添加到我的书签栏,并且每当我发现自己正在通过可怕的错位源代码发现眩晕时,习惯性地运行它:

javascript:(function(){document.body.style.tabSize = 4;}());

只需将"tabSize = 4;"更改为您想要的缩进宽度,并且vo! ;)当然不是最优雅或符合人体工程学的方法,但肯定是最快最简单的方法。


编辑:以下是全局工作的书签的变体(而不是仅限于Chrome的“视图来源”视图):

javascript:(function(){for(var i=0,l=document.all.length;i<l;++i)document.all[i].style.tabSize=4;}());

我已将书签移动到我的主书签栏并为其分配了一个整洁,保守的名称,因此我可以在浏览GitHub时反复点击它。 :)请注意,对于实现存储库的“Tab Size”设置,谁能真正做到这一点 - 因此开发人员可以根据编码习惯定制读者的观看体验。

答案 1 :(得分:6)

我知道我参加派对的时间有些晚了,但我发现Chrome的标签宽度设置为8,这非常荒谬。

如果您使用Stylish,我认为这是一个非常必要的扩展,可以纠正网站上糟糕的设计选择(例如隐藏已发布/回复的时间,除非您将鼠标悬停在帖子上,然后需要等待一秒钟或两个,当它消失,等...),与网站的错误(例如不允许中心按钮滚动,因为只要您按下背景图像上的按钮而不是文本/网址,以避免打开新标签,你得到一个弹出窗口等等......

创建新脚本&gt;将其命名为您想要的并粘贴它:

body {
    tab-size: 4;
}

难以置信但很重要......